.profile-transition{position:relative;isolation:isolate;background:#e9eef6}.profile-transition-previous{position:sticky;z-index:0;background:#fff}.profile-transition-previous>div{transform-origin:center bottom;background:#fff}.profile-transition-hold{height:clamp(160px,35svh,360px);pointer-events:none}.profile-transition-incoming{position:relative;z-index:1;background:#fff;box-shadow:0 -20px 45px -24px #24395935;overflow:clip;min-height:100svh}.profile-transition-incoming .about-content{min-width:0}.profile-transition.reduced-motion .profile-transition-previous{position:relative;top:auto!important}.profile-transition.reduced-motion .profile-transition-hold{display:none}.profile-transition.reduced-motion .profile-transition-incoming{box-shadow:none;min-height:0}@media(prefers-reduced-motion:reduce){.profile-transition-previous{position:relative;top:auto!important}.profile-transition-hold{display:none}.profile-transition-incoming{border-radius:0!important;box-shadow:none;min-height:0}}.practice-gallery{margin-top:36px}.practice-gallery-hint{display:flex;justify-content:space-between;gap:20px;font-size:15px;color:#7087a3;margin:0 0 36px;line-height:1.8}.practice-gallery-hint>span{font-size:13px}.practice-hanging-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative;padding:0 18px 34px;max-width:1120px;margin:auto}.practice-hanging-row:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:#b9cddd}.practice-hanger{min-width:0}.practice-cord{height:var(--cord-length);width:1px;background:#b9cddd;margin:0 auto;position:relative}.practice-cord:before{content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:#bfd1df;box-shadow:0 0 0 3px #f3f7fb}.practice-swing{position:relative;transform-origin:50% 0;animation:practice-sway 7s ease-in-out var(--sway-delay) infinite}.practice-swing:hover,.practice-swing:focus-within{animation-play-state:paused}.practice-clip{position:absolute;top:-8px;left:calc(50% - 9px);width:18px;height:13px;border:3px solid #b7cadb;border-radius:7px 7px 3px 3px;background:#f7fbff;z-index:2;pointer-events:none}.practice-flip{display:block;width:100%;height:450px;padding:0;text-align:left;background:transparent;border:0;border-radius:22px;perspective:1200px}.practice-flip:focus-visible{outline:2px solid #578bb4;outline-offset:6px}.practice-flip-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.8,.2,1)}.practice-flip-inner.is-flipped{transform:rotateY(180deg)}.practice-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:23px;border:1px solid #dce5ef;border-radius:22px;background:linear-gradient(145deg,#fff,#f1f7fc);box-shadow:0 12px 28px #3556760b;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;color:#244767}.practice-card-back{transform:rotateY(180deg);background:linear-gradient(145deg,#edf5fc,#f8fbff 55%,#e6eff9)}.practice-card-top{display:flex;align-items:center;justify-content:space-between;color:#7b94aa;font-size:11px;letter-spacing:1px;margin-bottom:17px}.practice-photo-placeholder{height:185px;flex-shrink:0;border:1px dashed #b9cfe2;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#e8f1fa;color:#7291ac;margin-bottom:19px}.practice-photo-placeholder>span{font-size:14px}.practice-photo-placeholder>small{font-size:12px;color:#7c94aa}.practice-card-tag{font-size:12px;color:#7392ad;margin-bottom:8px;letter-spacing:1px}.practice-card-title{display:block;font-size:18px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.practice-card-role{font-size:14px;color:#71869b;margin-top:7px;line-height:1.7}.practice-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce6f0;padding-top:14px;margin-top:auto;font-size:13px;color:#577d9f}.practice-back-heading{font-size:25px;font-weight:500;margin:14px 0 13px}.practice-card-back .practice-card-title{font-size:16px;margin-bottom:22px}.practice-back-fact{border-top:1px solid #d9e5ef;padding:15px 0;display:flex;flex-direction:column;gap:7px;font-size:15px;line-height:1.7}.practice-back-fact small{font-size:12px;color:#7c94aa}.practice-back-fact em{font-size:12px;font-style:normal;color:#4d7ca4;margin-left:12px}.practice-back-note{font-size:13px;line-height:1.8;color:#8095a7;margin:8px 0 16px}@keyframes practice-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@media(max-width:1100px)and (min-width:701px){.practice-hanging-row{gap:18px;padding-left:0;padding-right:0}.practice-card-face{padding:17px}.practice-card-title{font-size:16px}.practice-flip{height:470px}.practice-photo-placeholder{height:160px}}@media(max-width:700px){.practice-gallery-hint{flex-direction:column;gap:4px;margin-bottom:24px}.practice-hanging-row{grid-template-columns:1fr;max-width:350px;gap:25px;padding:0 8px 10px}.practice-hanging-row:before{display:none}.practice-cord{height:30px}.practice-swing{animation:none}.practice-flip{height:450px}}@media(prefers-reduced-motion:reduce){.practice-swing{animation:none}.practice-flip-inner{transition:none}}.practice-tilt{display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out}.practice-flip{--light-x:50%;--light-y:45%}.practice-card-back{isolation:isolate;background:#edf4fb}.practice-card-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffffd9 0%,#ffffff00 48%),radial-gradient(ellipse at calc(100% - var(--light-x)) var(--light-y),#c9baf4b3 0%,transparent 65%),radial-gradient(ellipse at var(--light-x) calc(100% - var(--light-y)),#b9e8dbb3 0%,transparent 65%),linear-gradient(125deg,#e8e2f6,#d8eafa 45%,#e5f1dd);background-size:100% 100%}.practice-card-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff8c;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff65,transparent 45%);opacity:.65}.practice-card-back>*{position:relative;z-index:1}.practice-flip.is-open .practice-card-face{box-shadow:0 15px 35px #45678b18}.practice-card-back .practice-back-fact,.practice-card-back .practice-card-footer{border-color:#7f9cb130}@media(prefers-reduced-motion:reduce){.practice-tilt{transform:none;transition:none}}@media(hover:none){.practice-tilt{transform:none}}.practice-photo-filled{overflow:hidden;border-style:solid;padding:0}.practice-photo-filled img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 65%;object-position:center 65%}.practice-photo-public-art{background:#fff}.practice-photo-public-art img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.project-reel{--project-header:76px;position:relative;background:var(--homepage-background,#fcfcfa);color:#182321}.project-reel-stage{position:relative;height:max(620px,calc(100svh - var(--project-header)));isolation:isolate;overflow:clip}.project-reel-header{position:absolute;z-index:5;left:3.2%;right:3.2%;top:27px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:none}.project-reel-header>div>p{font:11px/1.4 Inter,sans-serif;letter-spacing:.13em;color:#858e87;margin:0 0 8px}.project-reel-header h2{font:500 clamp(24px,2.2vw,32px)/1.25 Inter,"PingFang SC",sans-serif;letter-spacing:-.05em;margin:0}.project-reel-header>a{display:flex;align-items:center;gap:13px;padding-top:4px;font-size:13px;color:#68746c;pointer-events:auto}.project-reel-world{position:absolute;top:0;right:0;bottom:0;left:0;perspective:var(--project-perspective,1100px);perspective-origin:50% 43%;transform-style:preserve-3d;pointer-events:none}.project-reel-card{position:absolute;left:50%;top:43%;width:var(--project-width,54vw);height:calc(var(--project-width,54vw)*.5625);transform:translate(-50%,-50%);transform-style:preserve-3d;will-change:transform,opacity;visibility:hidden}.project-reel-card:first-child{visibility:visible}.project-reel-open{display:block;width:100%;padding:0;text-align:left;pointer-events:auto;color:inherit}.project-reel-image{aspect-ratio:16/9;overflow:hidden;background:#fff}.project-reel-image>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-reel-image.contain>img{-o-object-fit:contain;object-fit:contain;padding:12px}.project-reel-caption{margin-top:18px;opacity:var(--caption-opacity,0)}.project-reel-title{display:flex;justify-content:space-between;align-items:start;gap:22px}.project-reel-title h3{font-family:Inter,PingFang SC,sans-serif;font-size:clamp(22px,2.15vw,31px);font-weight:500;line-height:1.4;letter-spacing:-.04em;margin:0;max-width:92%}.project-reel-title>svg{flex-shrink:0;margin-top:5px}.project-reel-meta{display:flex;gap:20px;align-items:baseline;margin-top:13px;color:#8a928d;font-size:12px;line-height:1.7}.project-reel-meta>span+span{border-left:1px solid #dce0da;padding-left:20px;flex-shrink:0}.project-reel-footer{position:absolute;z-index:5;left:3.2%;right:3.2%;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.project-reel-pagination{display:flex;align-items:center;gap:16px;font-size:13px;color:#7e8880;font-variant-numeric:tabular-nums}.project-reel-pagination>span:first-child{font-size:25px;color:#182321;letter-spacing:-.06em}.project-reel-progress{display:block;width:110px;height:1px;background:#d8ded5}.project-reel-progress>span{display:block;width:100%;height:100%;background:#53665b;transform:scaleX(var(--project-progress,0));transform-origin:left}.project-reel-footer>p{display:flex;align-items:center;gap:18px;font-size:14px;line-height:1.7;margin:0;color:#77827a}.project-reel-controls{display:flex;gap:8px}.project-reel-controls>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dfe4dc;border-radius:50%;background:var(--homepage-background,#fcfcfa)}.project-reel-controls>button:disabled{opacity:.25;cursor:default}.project-reel-controls>button:hover:not(:disabled){background:#e9eee6}.project-reel :focus-visible{outline:2px solid #9a7600;outline-offset:6px}.project-reel-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-placeholder{height:260px;display:flex;align-items:center;justify-content:center;background:#f7f9fd;border:1px solid #dce5f1;border-radius:16px;color:#8598b7}.case-image-placeholder{margin-top:30px}@media(max-width:1100px){.project-reel{--project-header:66px}}@media(max-width:700px){.project-reel-stage{height:auto;padding:22px 0 24px}.project-reel-header{position:relative;left:auto;right:auto;top:auto;margin:0 24px 28px;gap:15px}.project-reel-header h2{font-size:24px}.project-reel-header>div>p{font-size:10px}.project-reel-header>a{font-size:12px;gap:6px}.project-reel-title{gap:12px}.project-reel-title h3{font-size:20px;line-height:1.5}.project-reel-title>svg{width:20px;height:20px}.project-reel-meta{gap:10px;margin-top:10px;font-size:11px;flex-wrap:wrap}.project-reel-meta>span+span{padding-left:10px}.project-reel-world{position:relative;inset:auto;display:flex;gap:24px;padding:0 24px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:24px;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;perspective:none;transform-style:flat;pointer-events:auto}.project-reel-world::-webkit-scrollbar{display:none}.project-reel-card{position:relative;flex:0 0 100%;left:auto;top:auto;width:100%;height:auto;scroll-snap-align:center;transform:none!important;opacity:1!important;visibility:visible!important;will-change:auto}.project-reel-caption{opacity:1}.project-reel-footer{position:relative;left:auto;right:auto;bottom:auto;margin:12px 24px 0;flex-wrap:wrap;gap:20px}.project-reel-pagination{gap:12px}.project-reel-progress{width:72px}.project-reel-footer>p{order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid #dfe4dc;padding-top:16px;font-size:13px}.project-reel-controls{margin-left:auto}.project-reel-image.contain>img{padding:7px}}@media(max-height:650px)and (min-width:701px){.project-reel-header{top:15px}.project-reel-header>div>p{display:none}.project-reel-caption{margin-top:10px}.project-reel-title h3{font-size:21px}.project-reel-meta{margin-top:7px}.project-reel-footer{bottom:14px}}@media(prefers-reduced-motion:reduce){.project-reel-card{will-change:auto}}.journey-world{--route-progress:0;position:relative;background:linear-gradient(180deg,#edf8ff,#e5f4fc 27%,#edf8fc 57%,#f6fbfd 88%,#fff);color:#163b5f;overflow:hidden}.journey-hero{position:relative;min-height:760px;height:calc(100svh - 25px);max-height:1000px;padding-top:82px;isolation:isolate;display:flex;align-items:center}.journey-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 4% 43%,#fff 0,transparent 57%),radial-gradient(ellipse at 82% 20%,#bbdff666,transparent 63%)}.journey-copy{position:relative;z-index:5;margin-left:max(5%,calc((100vw - 1400px)/2));width:38%;padding-bottom:30px}.journey-eyebrow{font:13px/1.8 monospace;letter-spacing:2.5px;color:#60819f;display:flex;align-items:center;gap:10px;margin:0 0 24px}.journey-eyebrow>span{height:7px;width:7px;background:#f19a46;border-radius:50%;box-shadow:0 0 0 5px #fbeedc}.journey-copy h1{font-family:inherit;color:#123b66;font-size:clamp(48px,6.3vw,88px);font-weight:650;letter-spacing:2px;line-height:1.2}.journey-copy h1>span{display:block;font-size:clamp(44px,5vw,68px);letter-spacing:-3px;font-weight:650;color:#276bb5;margin-bottom:14px}.joyi-dot{color:#f1a042}.journey-degree{display:flex;align-items:center;gap:16px;font-size:19px;letter-spacing:1.5px;margin:24px 0 32px;color:#406381}.journey-degree>span{height:15px;width:1px;background:#aac4d8}.journey-tagline{font-size:24px;line-height:1.8;letter-spacing:1px;margin:0;color:#456782}.journey-interests{font-size:13px;color:#7b93a6;letter-spacing:1.2px;margin:18px 0 33px}.journey-actions{display:flex;gap:14px;align-items:center}.journey-primary,.journey-secondary{display:inline-flex;align-items:center;gap:23px;font-size:14px;padding:16px 24px;border-radius:99px;transition:transform .2s,box-shadow .2s}.journey-primary{color:#fff;background:#3284d5;box-shadow:0 8px 23px #4d9bdd2b}.journey-secondary{color:#2e5d85;border:1px solid #aecce2;background:#ffffff9c}.journey-primary:hover,.journey-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 23px #4d9bdd30}.journey-scene{position:absolute;right:-1%;top:110px;bottom:55px;width:64%;max-width:960px;z-index:2}.hero-trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 13px 1px #85c3e450)}.craft-island{display:block;width:100%;aspect-ratio:1;background-image:url(/images/journey/craft-islands.png);background-size:300% 200%;background-repeat:no-repeat}.hero-mini{position:absolute;width:28%;filter:drop-shadow(0 10px 12px #6998b414);z-index:2}.mini-0{left:42%;top:-2%;width:26%;animation:kite-sway 7s ease-in-out infinite}.mini-1{right:0;top:3%;width:29%}.mini-2{left:2%;top:25%;width:25%;opacity:.9}.mini-3{right:0;top:39%;width:27%}.mini-4{left:3%;bottom:2%;width:26%}.mini-5{right:0;bottom:-1%;width:28%}.guide-platform{position:absolute;left:23%;bottom:5%;width:47%;height:13%;border-radius:50%;background:linear-gradient(160deg,#e5f7cb,#a7d8b8);box-shadow:0 15px #75c8e9,0 24px 25px #7eaed633;z-index:3}.guide-parallax{position:absolute;height:91%;width:53%;bottom:6%;left:18%;transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .35s ease-out;z-index:4;pointer-events:none}.journey-guide{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;animation:guide-breathe 5.5s ease-in-out infinite;transform-origin:50% 95%;filter:drop-shadow(0 12px 8px #4775a214)}.entry-sign{position:absolute;right:19%;bottom:4%;display:flex;align-items:center;gap:8px;background:#f8dfac;color:#78563a;border:2px solid #eec48c;border-radius:9px;box-shadow:2px 4px #dba66e;padding:10px 14px;transform:rotate(-6deg);font-size:15px;font-weight:600;z-index:5}.entry-sign:hover{transform:rotate(-3deg)}.journey-cloud{position:absolute;width:180px;height:55px;border-radius:100px;background:linear-gradient(#fff,#f4faff);filter:blur(1px);opacity:.75;box-shadow:0 10px 30px #85afd51c;animation:cloud-drift 16s ease-in-out infinite alternate;pointer-events:none;z-index:1}.journey-cloud:before,.journey-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit;bottom:10px;width:85px;height:85px;left:27px}.journey-cloud:after{width:65px;height:65px;left:92px}.cloud-one{top:21%;left:39%;transform:scale(.7)}.cloud-two{top:16%;right:3%;width:200px;animation-delay:-7s;opacity:.55}.hero-bottom-bar{position:absolute;bottom:10px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:6}.hero-bottom-bar>a,.hero-bottom-bar button{display:flex;gap:10px;align-items:center;color:#6689a7;font-size:13px;letter-spacing:1px}.hero-bottom-bar button{padding:9px 13px;background:#ffffffa8;border:1px solid #d7e9f6;border-radius:99px}.explore-map{position:relative;padding:95px 5% 80px;scroll-margin-top:70px;max-width:1440px;margin:auto}.map-intro{text-align:center;position:relative;z-index:2}.map-intro .journey-eyebrow{justify-content:center;margin-bottom:15px}.map-intro h2{font-size:38px;line-height:1.5;font-weight:500;letter-spacing:1px;margin:0 0 20px}.map-intro h2 span{color:#4b81ac}.map-intro>p:not(.journey-eyebrow){font-size:16px;line-height:1.8;color:#6f8ca3}.map-intro small{font-size:12px;color:#92a8b9}.island-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px 13%;max-width:1050px;margin:50px auto 0;padding:0 25px 90px}.map-trail{position:absolute;top:-45px;right:0;bottom:-20px;left:0;width:100%;height:calc(100% + 65px);pointer-events:none;filter:drop-shadow(0 8px 0 #c2e0ee60)}.map-route-line{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route-progress));transition:stroke-dashoffset .15s linear}.island-stop{position:relative;display:block;min-width:0;z-index:2;outline-offset:8px;border-radius:22px}.island-stop:nth-of-type(2n){transform:translateY(75px)}.island-art{position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 15px 20px #638fab14)}.island-stop:hover .island-art,.island-stop:focus-visible .island-art{transform:translateY(-12px) rotate(-1deg)}.island-pin{display:grid;place-items:center;position:absolute;right:12%;bottom:8%;width:35px;height:35px;border-radius:50%;background:#fff;color:#e89944;box-shadow:0 5px 12px #8babc72e}.island-label{display:flex;gap:15px;margin:5px 8px 0;padding:14px 18px;background:#ffffffab;border:1px solid #ffffffd9;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px #5e91b509;transition:background .2s}.stop-number{font:27px/1.5 Georgia,serif;color:#7da3c0}.island-label p{font-size:10px;line-height:1.7;letter-spacing:.8px;color:#7b9bb6;margin:0 0 5px}.island-label h3{display:flex;align-items:center;gap:25px;font-size:23px;letter-spacing:1px;font-weight:500;margin:0 0 9px}.island-label h3 svg{color:#769cbc}.stop-detail{display:block;color:#68849c;font-size:12px;line-height:1.8}.island-stop:hover .island-label,.island-stop.visited .island-label{background:#fff}.island-stop.visited .island-pin{background:#ec9d49;color:#fff}.map-outro{text-align:center;position:relative;margin-top:55px;color:#7995aa;font-size:14px;letter-spacing:2px}.route-end{display:block;margin:0 auto 22px;width:10px;height:10px;background:#e9a254;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ecd4b6}.map-outro a{display:inline-flex;gap:15px;align-items:center;font-size:13px;color:#49759a;margin-top:12px}.header{background:#f3faffed;border-color:#dbeaf57a}.header.is-scrolled{background:#fffffff0}.header .nav a[aria-current=location]{color:#3284d5;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}.brand-period{color:#ed9c40!important}.journey-world[data-motion=off] .journey-guide,.journey-world[data-motion=off] .journey-cloud,.journey-world[data-motion=off] .mini-0{animation-play-state:paused}.journey-world[data-motion=off] .guide-parallax{transform:none}@keyframes guide-breathe{0%,to{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-4px) rotate(.25deg)}}@keyframes cloud-drift{0%{translate:-12px 0}to{translate:18px -5px}}@keyframes kite-sway{0%,to{rotate:-1deg;translate:0 0}50%{rotate:1deg;translate:0 -5px}}@media(min-width:1600px){.journey-scene{right:4%}}@media(max-width:1100px){.journey-copy{margin-left:4%;width:39%}.journey-copy h1{font-size:60px}.journey-copy h1>span{font-size:50px}.journey-tagline{font-size:20px}.journey-degree{font-size:16px;gap:12px}.journey-scene{right:-5%;width:67%;top:150px;bottom:100px}.entry-sign{font-size:12px;padding:8px}.journey-actions{gap:8px}.journey-primary,.journey-secondary{padding:14px 16px;gap:12px}.island-map{gap:55px 7%;padding-left:0;padding-right:0}.island-label{padding:12px;gap:10px}.island-label h3{font-size:21px}}@media(max-width:700px){.journey-hero{display:block;padding-top:104px;min-height:900px;height:auto;max-height:none;padding-bottom:510px}.journey-copy{width:auto;margin:0 26px;padding:0}.journey-eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:14px}.journey-copy h1{font-size:47px;letter-spacing:1px}.journey-copy h1>span{display:inline-block;font-size:38px;margin:0 15px 0 0;letter-spacing:-2px}.journey-degree{font-size:14px;margin:15px 0 17px;letter-spacing:1px}.journey-tagline{font-size:19px;line-height:1.7}.journey-tagline br{display:none}.journey-interests{font-size:12px;margin:12px 0 22px;letter-spacing:.6px}.journey-primary,.journey-secondary{font-size:13px;padding:13px 19px}.journey-scene{top:auto;bottom:55px;height:430px;width:110%;right:-6%}.guide-parallax{height:88%;width:55%;left:18%;bottom:5%}.hero-mini{width:28%}.mini-0{top:0;left:39%;width:26%}.mini-1{top:8%;right:0}.mini-2{top:27%;left:0}.mini-3{top:45%;right:0}.mini-4{bottom:5%;left:0}.mini-5{bottom:0;right:0}.entry-sign{bottom:0;right:17%;font-size:12px;padding:7px}.hero-bottom-bar{left:26px;right:26px;bottom:7px}.hero-bottom-bar>a,.hero-bottom-bar button{font-size:11px;letter-spacing:0}.cloud-one{top:40%;left:7%;width:110px;opacity:.45}.cloud-two{top:12%;right:-100px;opacity:.3}.explore-map{padding:60px 22px 65px}.map-intro h2{font-size:28px}.map-intro>p:not(.journey-eyebrow){font-size:14px}.map-intro small{font-size:11px}.island-map{grid-template-columns:1fr;gap:28px;margin-top:35px;padding:0 20px;max-width:450px}.island-stop:nth-of-type(2n){transform:none}.island-map .map-trail{display:none}.island-map:before{content:"";position:absolute;top:20px;bottom:-40px;left:50%;border-left:3px dashed #afcee4}.island-art{max-width:310px;margin:auto}.island-label{margin:0;background:#f9fcfff0;padding:15px 19px;border-color:#e1edf7}.island-label h3{font-size:23px}.island-label p{font-size:10px}.stop-detail{font-size:12px}.map-outro{margin-top:58px;font-size:13px}.journey-hero .hero-trail{opacity:.85}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey-guide,.journey-cloud,.mini-0{animation:none!important}.guide-parallax{transform:none!important}.island-art,.journey-primary,.journey-secondary,.map-route-line{transition:none}.island-stop:hover .island-art,.island-stop:focus-visible .island-art{transform:none}}.journey-connector{position:absolute;left:0;top:-35px;width:100%;height:430px;pointer-events:none;opacity:.6;-webkit-mask-image:linear-gradient(#000,#000 85%,transparent);mask-image:linear-gradient(#000,#000 85%,transparent)}.journey-scene{right:0;width:62%}.hero-trail path{stroke-linecap:round}.craft-island{clip-path:inset(1px)}@media(max-width:1100px)and (min-width:701px){.journey-scene{right:-2%;width:65%}}@media(max-width:700px){.journey-scene{width:100%;right:0}.journey-connector{height:390px;opacity:.3}.map-intro{padding:0 5px}.map-intro h2{font-size:27px}}.journey-world .portfolio-directory{background:transparent;border:0;border-radius:0;margin:0;padding-top:70px;overflow:hidden}.journey-world .directory-backdrop{background:linear-gradient(180deg,#e8f5fc00,#f8fcff 90%)}.journey-world .directory-fan{margin-top:55px}.journey-world .directory-ticket,.journey-world .directory-ticket.selected,.journey-world .directory-ticket.blue.selected{box-shadow:0 12px 32px #516daa20;transition:transform .42s cubic-bezier(.22,.8,.2,1),opacity .28s ease;will-change:transform;opacity:var(--ticket-opacity,1)}.journey-world .directory-ticket[data-raised=true]{z-index:12}.journey-world .ticket-image img,.journey-world .directory-ticket:hover .ticket-image img{filter:none;transition:none}.journey-world .directory-pagination button{transition:transform .2s,opacity .2s}@media(min-width:701px){.journey-world .directory-ticket,.journey-world .directory-ticket.selected{transform:translate(calc(-50% + var(--ticket-x) + var(--neighbor-shift,0px))) translateY(calc(var(--ticket-y) + var(--ticket-lift,0px))) rotate(var(--ticket-angle)) scale(var(--ticket-scale,1))}}@media(min-width:1600px){.journey-world .directory-ticket,.journey-world .directory-ticket.selected{transform:translate(calc(-50% + var(--ticket-x)*1.12 + var(--neighbor-shift,0px))) translateY(calc(var(--ticket-y) + var(--ticket-lift,0px))) rotate(var(--ticket-angle)) scale(var(--ticket-scale,1))}}@media(max-width:700px){.journey-world .portfolio-directory{padding-top:45px}.journey-world .directory-fan{margin-top:10px;padding-top:35px}.journey-world .directory-ticket,.journey-world .directory-ticket.selected{transform:none;opacity:1;will-change:auto}}@media(prefers-reduced-motion:reduce){.journey-world .directory-ticket,.journey-world .directory-pagination button{transition:none;will-change:auto}}.journey-world{background:linear-gradient(180deg,#edf8ff,#e9f5fc 34%,#f0f8fc,#fff 96%)}.journey-hero:before{background:radial-gradient(ellipse at 4% 43%,#ffffffd9 0,transparent 57%),radial-gradient(ellipse at 82% 20%,#bbdff640,transparent 63%)}.journey-scene .mini-0{left:auto;right:6%;top:0;width:30%}.journey-scene .mini-2{left:1%;top:24%;width:27%;opacity:1}.journey-scene .mini-4{left:auto;right:2%;bottom:8%;width:31%}.journey-scene .hero-trail{opacity:.65}.guide-platform{background:linear-gradient(160deg,#e3f2d7,#bfdfce);box-shadow:0 12px #9ad6e9,0 22px 25px #7eaed619}.journey-passage{height:230px;position:relative;margin-top:-65px;pointer-events:none}.journey-passage svg{position:absolute;width:100%;height:100%;opacity:.65;-webkit-mask-image:linear-gradient(#000,#000 60%,transparent);mask-image:linear-gradient(#000,#000 60%,transparent)}.journey-passage>span{position:absolute;left:8%;top:52%;font-size:15px;color:#7894a9;letter-spacing:2px}.journey-world .portfolio-directory{padding-top:10px;overflow:visible}.journey-world .portfolio-directory:before{display:none}.journey-world .directory-backdrop{background:none}.journey-world .directory-heading h2{font-size:32px;color:#244767}.journey-world .directory-heading p,.journey-world .directory-heading h2 span{color:#7591a7}.journey-world .directory-ticket{border-radius:18px}.journey-world .directory-ticket.ice{background:linear-gradient(145deg,#fff,#f3f8fb)}.journey-world .directory-ticket.blue{background:linear-gradient(145deg,#e5f1fb,#d5e7f5)}.journey-world .ticket-rule{border-top-style:solid;border-color:#9eb7d13b}.journey-world .ticket-rule:before,.journey-world .ticket-rule:after{display:none}.journey-world .ticket-bottom>span:first-child{color:#db9e5b;letter-spacing:2px}.journey-world .directory-pagination button[aria-pressed=true]{background:#578bb4;border-color:#578bb4;box-shadow:none}.journey-reading-link{height:160px;position:relative;display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;letter-spacing:2px;color:#88a0b3}.journey-reading-link>span{width:7px;height:7px;background:#e0a363;border-radius:50%}.journey-reading-link i{position:absolute;left:3%;top:65%;bottom:0;width:1px;background:linear-gradient(transparent,#dce8f1)}main>.projects-section,main>.design-section,main>.publication-section,main>.exchange-section,main>.courses-section,main>.professional-section{position:relative;border-bottom:0}main>.projects-section:before,main>.design-section:before,main>.publication-section:before,main>.exchange-section:before,main>.courses-section:before,main>.professional-section:before{content:"";position:absolute;left:3%;top:0;bottom:0;width:1px;background:#e4edf4;pointer-events:none}main>.projects-section:after,main>.design-section:after,main>.publication-section:after,main>.exchange-section:after,main>.courses-section:after,main>.professional-section:after{content:"";position:absolute;left:calc(3% - 4px);top:116px;width:9px;height:9px;background:#dea569;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #ecd9c3;pointer-events:none}.section-title .eyebrow{background:none;border:0;padding:0;color:#708ea8}.section-title h2{color:#244767}.section-title .eyebrow,.directory-heading p{letter-spacing:1.5px}@media(max-width:700px){.journey-scene .mini-0{right:1%;width:30%;top:2%}.journey-scene .mini-2{left:0;top:27%;width:28%}.journey-scene .mini-4{right:0;bottom:12%;width:30%}.journey-passage{height:150px;margin-top:-30px}.journey-passage>span{left:26px;top:70%;font-size:12px;letter-spacing:1px}.journey-world .portfolio-directory{padding-top:15px}.journey-world .directory-heading h2{font-size:26px}.journey-reading-link{height:110px;font-size:12px}.journey-world .directory-fan{overflow-y:hidden}main>.projects-section:before,main>.design-section:before,main>.publication-section:before,main>.exchange-section:before,main>.courses-section:before,main>.professional-section:before,.journey-reading-link i{left:10px}main>.projects-section:after,main>.design-section:after,main>.publication-section:after,main>.exchange-section:after,main>.courses-section:after,main>.professional-section:after{left:6px;top:69px}}.journey-scene .mini-0{left:35%;right:auto;top:-2%;width:25%}.journey-scene .mini-1{right:1%;top:9%;width:27%}.journey-scene .mini-2{left:0;top:25%;width:25%}.journey-scene .mini-4{left:2%;right:auto;bottom:3%;width:26%}.journey-scene .mini-5{right:0;bottom:9%;width:29%}@media(max-width:700px){.journey-scene .mini-0{left:35%;right:auto;top:0;width:25%}.journey-scene .mini-1{right:0;top:14%;width:26%}.journey-scene .mini-2{left:0;top:30%;width:25%}.journey-scene .mini-4{left:0;right:auto;bottom:7%;width:25%}.journey-scene .mini-5{right:0;bottom:12%;width:27%}}.journey-world{background:linear-gradient(180deg,#fff,#f6faff 43%,#fff 94%)}.journey-hero:before{background:radial-gradient(ellipse at 78% 43%,#edf3ff90,transparent 57%)}.journey-hero .portrait-scene{right:2%;top:85px;bottom:32px;width:55%;perspective:1100px}.interactive-portrait{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),0) rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg));transform-style:preserve-3d;will-change:transform}.portrait-idle{height:100%;width:100%;animation:portrait-breathe 6s ease-in-out infinite;transform-origin:50% 85%}.portrait-art{display:block;width:100%;height:100%;overflow:visible}.portrait-hint{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:9px;font:13px/1.8 monospace;letter-spacing:1.5px;color:#7c8fa7}.portrait-hint span{width:5px;height:5px;border-radius:50%;background:#edac70}.portrait-passage{height:130px;display:flex;align-items:center;justify-content:center;gap:25px;font-size:15px;letter-spacing:3px;color:#8193a9}.portrait-passage span{width:60px;height:1px;background:#dce6f1}.journey-world[data-motion=off] .portrait-idle{animation-play-state:paused}@keyframes portrait-breathe{0%,to{transform:translateZ(0) rotate(-.2deg)}50%{transform:translate3d(0,-5px,0) rotate(.2deg)}}@media(max-width:1100px)and (min-width:701px){.journey-hero .portrait-scene{right:-1%;width:59%;top:110px;bottom:55px}}@media(max-width:700px){.journey-hero{min-height:860px;padding-bottom:500px}.journey-hero .portrait-scene{top:auto;right:0;bottom:55px;width:100%;height:460px}.portrait-hint{display:none}.portrait-passage{height:100px;font-size:13px;gap:15px}.portrait-passage span{width:28px}}@media(prefers-reduced-motion:reduce){.portrait-idle{animation:none}.interactive-portrait{transform:none!important;will-change:auto}}.journey-hero .portrait-scene{right:3%;width:51%;top:105px;bottom:65px}.portrait-scene .interactive-portrait{top:0;right:8%;bottom:0;left:8%;z-index:2}.portrait-decor{position:absolute;top:4%;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.decor-orbit{position:absolute;left:4%;top:15%;width:92%;aspect-ratio:1;border:1px solid #bdd4f075;border-radius:50%;transform:rotateX(35deg) rotate(-25deg)}.orbit-b{left:0;top:24%;width:100%;transform:rotateX(58deg) rotate(32deg);border-color:#bac9f55c}.decor-sphere{position:absolute;border-radius:50%;animation:ornament-float 8s ease-in-out infinite}.sphere-a{width:68px;height:68px;right:4%;top:12%;background:radial-gradient(circle at 30% 25%,#fff,#cbe2fa 45%,#9ebae4);box-shadow:0 16px 32px #8eacd321}.sphere-b{width:30px;height:30px;left:7%;bottom:23%;background:radial-gradient(circle at 30% 25%,#fff5dd,#f6c786 60%,#e5ab71);animation-delay:-3s}.decor-spark{position:absolute;color:#8eb9ef;font-size:46px;animation:ornament-float 7s ease-in-out infinite}.spark-a{left:8%;top:21%}.spark-b{right:3%;bottom:27%;font-size:62px;color:#b2aee0;animation-delay:-2s}.decor-cross{position:absolute;right:13%;top:2%;color:#a9bfd8;font:26px monospace}.decor-wave{position:absolute;left:0;top:53%;width:100px;height:35px;fill:none;stroke:#abc8e9;stroke-width:2}.decor-dots{position:absolute;right:0;top:43%;width:60px;height:65px;background:radial-gradient(circle,#9cb9d9 1.3px,transparent 1.8px) 0 0/12px 12px;opacity:.55}.portrait-hint{bottom:-15px}@keyframes ornament-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(6deg)}}.journey-world[data-motion=off] .portrait-decor *{animation-play-state:paused}@media(max-width:1100px)and (min-width:701px){.journey-hero .portrait-scene{right:0;width:57%;top:140px;bottom:90px}}@media(max-width:700px){.journey-hero .portrait-scene{top:auto;right:0;bottom:55px;width:100%;height:455px}.portrait-scene .interactive-portrait{top:0;right:9%;bottom:0;left:9%}.sphere-a{width:38px;height:38px;right:5%}.spark-a{font-size:28px}.spark-b{font-size:37px}.decor-wave{width:60px;left:3%}.decor-dots{width:36px;right:4%}}@media(prefers-reduced-motion:reduce){.portrait-decor *{animation:none!important}}.journey-world .directory-heading,.journey-world .directory-bottom{max-width:1040px;margin-left:auto;margin-right:auto}@media(min-width:701px){.journey-world .directory-fan{width:1240px;max-width:none;left:50%;margin-left:-620px;height:700px;transform:scale(.86);transform-origin:50% 0;margin-bottom:-98px}}@media(min-width:701px)and (max-width:1100px){.journey-world .directory-heading,.journey-world .directory-bottom{max-width:780px}.journey-world .directory-fan{transform:scale(.7);margin-bottom:-210px}}@media(min-width:701px)and (max-width:900px){.journey-world .directory-heading,.journey-world .directory-bottom{max-width:620px}.journey-world .directory-fan{transform:scale(.54);margin-bottom:-322px}}@media(min-width:1600px){.journey-world .directory-fan{height:760px;margin-bottom:-106px}}@media(max-width:700px){.journey-world .directory-fan{width:calc(100% - 32px);margin-left:auto;margin-right:auto;gap:14px;padding-left:20px;padding-right:20px}.journey-world .directory-ticket,.journey-world .directory-ticket.selected{flex-basis:min(72vw,294px);width:min(72vw,294px)}.journey-world .directory-fan{padding-left:calc(50% - min(36vw,147px) - 16px);padding-right:calc(50% - min(36vw,147px) - 16px)}}.journey-reading-link.journey-running-link{height:240px;gap:26px;padding:12px 24px}.journey-running-character{display:block;width:140px;height:200px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.journey-running-link p{margin:0;font-size:18px;letter-spacing:3px;color:#6989a5}@media(max-width:700px){.journey-reading-link.journey-running-link{height:190px;gap:16px}.journey-running-character{width:105px;height:156px}.journey-running-link p{font-size:16px;letter-spacing:2px}}.portfolio-directory{position:relative;isolation:isolate;background:#11100f;color:#f2eee4;margin:14px 8px 0;border-radius:12px;overflow:hidden;padding:48px 4.3% 32px;scroll-margin-top:90px}.directory-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#160b08e8,#090a0ce8),url(/portfolio/s11-03.webp) center/cover}.portfolio-directory:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 40%,#e447222e,transparent 49%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px)}.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;position:relative;z-index:10}.directory-heading p{font:13px monospace;letter-spacing:2px;color:#b6aaa2;margin:0}.directory-heading h2{font-size:28px;font-weight:400;margin:15px 0 0}.directory-heading h2 span{font:12px monospace;letter-spacing:3px;color:#b6aaa2;margin-left:18px}.directory-heading .directory-hint{font:15px/2 Arial,PingFang SC,sans-serif;text-align:right;letter-spacing:0}.directory-hint span{font:12px monospace;letter-spacing:1.6px;color:#857a73}.directory-fan{position:relative;height:700px;max-width:1240px;margin:20px auto 0;perspective:1500px}.directory-ticket{position:absolute;top:45px;left:50%;width:280px;height:492px;padding:24px 21px 18px;border:1px solid #ffffff35;border-radius:24px;color:#111;background:#ece8dc;transform-origin:50% 90%;transform:translate(calc(-50% + var(--ticket-x))) translateY(var(--ticket-y)) rotate(var(--ticket-angle));z-index:var(--ticket-z);box-shadow:0 7px 35px #0009;transition:transform .5s cubic-bezier(.22,.8,.2,1),box-shadow .4s;display:flex;flex-direction:column;outline-offset:5px}.directory-ticket.orange{background:linear-gradient(155deg,#ff6840,#ec381f 80%,#ce241c)}.directory-ticket.selected{transform:translate(calc(-50% + var(--ticket-x))) translateY(calc(var(--ticket-y) - 25px)) rotate(var(--ticket-angle));z-index:9;box-shadow:0 0 35px #eedfc238,0 16px 40px #0008}.directory-ticket.orange.selected{box-shadow:0 0 40px #f54a3545,0 16px 40px #0008}.directory-ticket:focus-visible{outline:3px solid #fff}.ticket-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px}.ticket-number{font-family:Arial Black,Arial,sans-serif;font-size:76px;font-weight:900;line-height:1;letter-spacing:-6px}.ticket-code{font:12px/1.8 monospace;text-align:right;letter-spacing:1px;color:#4f483d9c;max-width:100px}.ticket-rule{border-top:1px dashed #1114;position:relative;margin-bottom:19px}.ticket-rule:before,.ticket-rule:after{content:"";position:absolute;top:0;width:17px;height:26px;border-radius:50%;background:#18120f;transform:translateY(-50%)}.ticket-rule:before{left:-31px}.ticket-rule:after{right:-31px}.directory-ticket h3{font-size:25px;line-height:1.02;font-weight:900;letter-spacing:-.9px;margin:0}.directory-ticket h3 span{display:block}.ticket-chinese{font-size:15px;font-weight:600;margin:9px 0 17px}.ticket-image{height:167px;position:relative;overflow:hidden;border-top:1px solid #1117;padding-top:9px}.ticket-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.8);transition:filter .3s}.directory-ticket:nth-child(3) .ticket-image img{-o-object-fit:contain;object-fit:contain;background:#fff}.directory-ticket:nth-child(4) .ticket-image img{-o-object-position:center 26%;object-position:center 26%}.directory-ticket:hover .ticket-image img{filter:saturate(1)}.ticket-image>span{position:absolute;bottom:7px;right:7px;background:#111;color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.ticket-detail{font-size:12px;line-height:1.8;margin:10px 0 12px;color:#272018bd}.ticket-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid #1113;padding-top:11px;margin-top:auto;font:11px monospace;letter-spacing:.6px;color:#473e32b3}.ticket-bottom>span:first-child{font-size:15px;letter-spacing:3px}.directory-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:10}.directory-bottom>span{font:12px monospace;letter-spacing:1.5px;color:#837c75}.directory-pagination{display:flex;gap:10px}.directory-pagination button{border:1px solid #ffffff20;background:#ffffff04;color:#999084;width:38px;height:38px;border-radius:50%;font:14px monospace;transition:background .25s,color .25s}.directory-pagination button[aria-pressed=true]{color:#fff;background:#eb4727;border-color:#ff724d;box-shadow:0 0 20px #ff5c2228}.directory-bottom>a{display:flex;align-items:center;gap:13px;font-size:14px;color:#c7bfb4}.directory-bottom>a:hover{color:#fff}@media(min-width:1600px){.directory-fan{height:760px}.directory-ticket{width:310px;height:535px;padding:26px 24px;transform:translate(calc(-50% + var(--ticket-x)*1.12)) translateY(var(--ticket-y)) rotate(var(--ticket-angle))}.directory-ticket.selected{transform:translate(calc(-50% + var(--ticket-x)*1.12)) translateY(calc(var(--ticket-y) - 25px)) rotate(var(--ticket-angle))}.ticket-image{height:190px}.directory-ticket h3{font-size:28px}.ticket-number{font-size:85px}.ticket-rule:before{left:-34px}.ticket-rule:after{right:-34px}}@media(min-width:701px)and (max-width:1100px){.directory-fan{height:590px;width:1240px;max-width:none;left:50%;margin-left:-620px;transform:scale(.74);transform-origin:50% 0;margin-bottom:-105px}.portfolio-directory{padding-top:35px}.directory-heading{z-index:10}}@media(max-width:700px){.portfolio-directory{margin:10px 6px 0;padding:33px 0 25px;border-radius:9px}.directory-heading{padding:0 24px}.directory-heading p{font-size:11px;letter-spacing:1px}.directory-heading h2{font-size:25px}.directory-heading h2 span{font-size:10px;margin-left:12px}.directory-heading .directory-hint{display:none}.directory-fan{height:auto;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px 30px 28px;margin:5px 0 0;perspective:none;scrollbar-width:thin;scrollbar-color:#8a776655 transparent}.directory-ticket,.directory-ticket.selected{position:relative;top:auto;left:auto;flex:0 0 min(78vw,310px);width:min(78vw,310px);height:490px;transform:none;scroll-snap-align:center;border-radius:22px;padding:24px 21px 18px}.directory-ticket.selected{box-shadow:0 0 20px #eedfc22a,0 7px 20px #0008}.directory-ticket h3{font-size:26px}.ticket-number{font-size:76px}.ticket-image{height:169px}.ticket-detail{font-size:13px}.directory-bottom{padding:20px 24px 0;flex-wrap:wrap;justify-content:center;gap:18px}.directory-pagination{order:-1;width:100%;justify-content:center}.directory-bottom>span{font-size:11px;margin-right:auto}.directory-bottom>a{font-size:13px}.directory-pagination button{width:36px;height:36px}.directory-fan:focus-within{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.directory-ticket,.directory-pagination button,.ticket-image img{transition:none}.directory-fan:focus-within{scroll-behavior:auto}}@media(min-width:701px)and (max-width:900px){.directory-fan{transform:scale(.55);margin-bottom:-220px}}.portfolio-directory{background:#061529;color:#e8f2ff}.directory-backdrop{background:linear-gradient(100deg,#092748eb,#040c1bed),url(/portfolio/s11-03.webp) center/cover}.portfolio-directory:before{background:radial-gradient(ellipse at 26% 40%,#348bff40,transparent 52%),repeating-linear-gradient(0deg,#c7e6ff03 0 1px,transparent 1px 4px)}.directory-heading p,.directory-heading h2 span{color:#a1bedc}.directory-hint span{color:#759abd}.directory-ticket.ice{background:linear-gradient(145deg,#eef7ff,#d6e6f5);color:#0c2440}.directory-ticket.blue{background:linear-gradient(145deg,#488ef2,#225bcd 78%,#173e91);color:#fff}.directory-ticket.selected{box-shadow:0 0 38px #89c7ff45,0 16px 40px #0008}.directory-ticket.blue.selected{box-shadow:0 0 42px #418aff65,0 16px 40px #0008}.ticket-code{color:#4c6e90}.ticket-detail,.ticket-bottom{color:#436487}.directory-ticket.blue .ticket-code{color:#d2e4ff}.directory-ticket.blue .ticket-detail,.directory-ticket.blue .ticket-bottom{color:#d8e8ff}.ticket-rule,.ticket-bottom{border-color:#1e4c713d}.directory-ticket.blue .ticket-rule,.directory-ticket.blue .ticket-bottom{border-color:#ffffff50}.ticket-rule:before,.ticket-rule:after{background:#0a1e35}.ticket-image{border-color:#224d7545}.ticket-image>span{background:#0b3159}.directory-ticket:nth-child(2) .ticket-image img{-o-object-fit:contain;object-fit:contain;background:#fff}.directory-ticket:nth-child(4) .ticket-image img{-o-object-position:center;object-position:center}.directory-bottom>span{color:#7c9abd}.directory-bottom>a{color:#bcd6f4}.directory-pagination button{color:#9bb8db;border-color:#92b9f038}.directory-pagination button[aria-pressed=true]{background:#377fe4;border-color:#78b8ff;box-shadow:0 0 24px #3a91ff40}.directory-fan{scrollbar-color:#7aaae366 transparent}.design-marquee{width:100%;background:#fff;color:#244767;padding:12px 0 24px}.marquee-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;color:#7387a2;font-size:16px}.marquee-heading p{margin:0}.marquee-heading>span{font-size:14px}.marquee-rows{display:flex;flex-direction:column;gap:12px}.marquee-window{overflow-x:auto;overflow-y:hidden;width:100%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bbcee8 #f4f7fb;cursor:grab;padding-bottom:12px}.marquee-window:active{cursor:grabbing}.marquee-track{display:flex;gap:12px;width:-moz-max-content;width:max-content}.marquee-card{position:relative;flex-shrink:0;width:420px;height:270px;border-radius:16px;overflow:hidden;padding:0;background:#f7f9fc;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:inherit}.marquee-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.marquee-card span{position:absolute;inset:auto 0 0;padding:32px 20px 16px;background:linear-gradient(transparent,#000b);color:#fff;display:flex;justify-content:space-between;font-size:15px;pointer-events:none}.marquee-card b{font-weight:400}.marquee-card:focus-visible{outline:3px solid #518fea;outline-offset:-4px}.marquee-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:10px}.marquee-controls>span{margin-right:auto;font-size:13px;letter-spacing:2px;color:#7890ae}.marquee-controls button{border:1px solid #dce6f3;border-radius:50%;width:36px;height:36px;color:#255a94;background:#f8faff}.marquee-controls button:hover{background:#eaf2ff}@media(max-width:700px){.marquee-heading{display:block;line-height:1.8}.marquee-heading>span{display:block;margin-top:8px}.marquee-card{width:min(420px,80vw);height:250px}}.marquee-card-contain{background:#111}.marquee-card-contain img{-o-object-fit:contain;object-fit:contain}.design-marquee{overflow:hidden}.marquee-window{overflow:hidden;touch-action:pan-y;padding-bottom:0}.marquee-track{will-change:transform}@media(prefers-reduced-motion:reduce){.marquee-track{will-change:auto}}.marquee-window,.marquee-window:active,.marquee-card{cursor:pointer}.marquee-card-slide{background:#fff;display:flex;flex-direction:column;border:1px solid #e1e8f2}.marquee-card-slide img{height:calc(100% - 44px);-o-object-fit:contain;object-fit:contain;flex:1;min-height:0}.marquee-card-slide span{position:static;background:#f4f7fb;color:#244767;padding:12px 16px;height:44px;flex-shrink:0;font-size:14px}.publication-section .publication-content{display:flex;flex-direction:column}.publication-header{margin-bottom:44px}.publication-shelf-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#7b8da8;font-size:13px;letter-spacing:1.8px;margin-bottom:0}.publication-shelf-topline p{font-size:14px;letter-spacing:.4px;margin:0;color:var(--muted)}.publication-shelf-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:52px 26px 38px;scrollbar-width:thin;scrollbar-color:#d5dfed transparent;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;isolation:isolate}.publication-shelf-viewport.is-dragging,.publication-shelf-viewport.is-dragging button{cursor:grabbing}.publication-shelf-row{display:flex;align-items:flex-end;gap:15px;width:-moz-max-content;width:max-content;min-width:100%;justify-content:center;border-bottom:1px solid #cfd9e8;padding:0 14px 32px;position:relative}.publication-shelf-row:after{content:"";position:absolute;height:15px;bottom:-16px;left:0;right:0;background:linear-gradient(#d9e3ef30,transparent);pointer-events:none}.publication-book{position:relative;flex:0 0 auto;width:44px;height:var(--book-height);padding:0;perspective:1200px;transition:width .65s cubic-bezier(.22,.7,.22,1);background:none;border:0;cursor:pointer;scroll-margin:140px 50px;color:var(--book-ink);text-align:left;outline-offset:10px}.publication-book.is-open{width:250px;z-index:2}.publication-book-volume{position:absolute;display:block;width:220px;height:100%;left:22px;top:0;transform-style:preserve-3d;transform-origin:left center;transform:rotateY(90deg);transition:transform .65s cubic-bezier(.22,.7,.22,1)}.publication-book.is-open .publication-book-volume{transform:rotateY(12deg)}.publication-book.is-open.is-flat-cover .publication-book-volume{transform:rotateY(0)}.publication-book-front,.publication-book-back,.publication-book-pages,.publication-book-spine,.publication-book-top{position:absolute;display:block;backface-visibility:hidden}.publication-book-front{top:0;right:0;bottom:0;left:0;transform:translateZ(22px);background:var(--book-color);border-radius:1px 4px 4px 1px;box-shadow:inset 0 0 0 1px #24324f15;overflow:hidden}.publication-book-front img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;pointer-events:none}.publication-cover-flat{position:relative;display:block;width:100%;height:100%;aspect-ratio:2/3;overflow:hidden}.publication-cover-flat>img{position:absolute;left:0;top:0;width:1440px;height:1440px;max-width:none;transform-origin:0 0;border-radius:0}.publication-book-front i{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 5px 0 5px #0002,inset 10px 0 2px #ffffff25;background:linear-gradient(100deg,#ffffff0a,transparent 55%,#0000000a);pointer-events:none}.publication-book-back{top:0;right:0;bottom:0;left:0;transform:translateZ(-22px) rotateY(180deg);background:var(--book-color)}.publication-book-spine{width:44px;height:100%;left:0;top:0;transform-origin:left center;transform:translateZ(-22px) rotateY(-90deg);background:linear-gradient(90deg,#0002,transparent 18%,#fff2 55%,#0003),var(--book-color);border:1px solid #24324f15;border-radius:2px;display:flex;flex-direction:column;align-items:center;padding:17px 8px;gap:20px;overflow:hidden;box-shadow:2px 3px 8px #24324f18}.publication-book-spine small{font-size:12px;letter-spacing:.5px;opacity:.8;font-style:normal}.publication-book-spine strong{writing-mode:vertical-rl;font-size:17px;font-weight:500;letter-spacing:3px;line-height:1.15;max-height:70%;overflow:hidden}.publication-book-spine em{writing-mode:vertical-rl;font-size:12px;font-style:normal;letter-spacing:2px;margin-top:auto;white-space:nowrap;opacity:.8}.publication-book-pages{width:40px;top:3px;bottom:3px;left:218px;transform-origin:left center;transform:translateZ(20px) rotateY(90deg);background:repeating-linear-gradient(90deg,#d7d7d0,#fffdf6,#eeeee6 2px);border:1px solid #ddd}.publication-book-top{width:216px;height:40px;top:2px;left:1px;transform-origin:left top;transform:translateZ(-20px) rotateX(90deg);background:repeating-linear-gradient(0deg,#dfdfd7,#fffdf5,#eee 2px)}.publication-book-index{position:absolute;bottom:-24px;left:0;width:44px;text-align:center;font-size:11px;letter-spacing:1px;color:#93a1b5;pointer-events:none}.publication-shelf-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:104px;margin-top:12px}.publication-shelf-caption{max-width:800px;min-height:70px;min-width:0}.publication-shelf-caption>span{font-size:12px;letter-spacing:1.5px;color:#8190a7}.publication-shelf-caption>button{display:flex;align-items:center;gap:16px;padding:10px 0 0;font-size:17px;line-height:1.7;color:var(--ink);text-align:left}.publication-shelf-caption>button svg{flex-shrink:0;color:#6b87b2}.publication-shelf-caption p{font-size:17px;color:var(--muted);margin:12px 0 0}.publication-shelf-navigation{display:flex;gap:10px;flex-shrink:0}.publication-shelf-navigation button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#5d79a2;transition:background .2s}.publication-shelf-navigation button:hover{background:#eef4fd}.publication-section .paper-toggle{align-self:center;margin-top:32px}.publication-reader{width:min(1160px,calc(100vw - 64px));max-width:none;max-height:calc(100svh - 64px);padding:0;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 25px 100px #24324f30;overscroll-behavior:contain}.publication-reader::backdrop{background:#24324f35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.publication-reader-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 30px;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.publication-back{display:flex;align-items:center;gap:10px;font-size:14px;color:#60789d}.publication-reader-bar>span{font-size:12px;letter-spacing:1.6px;color:#92a0b4}.publication-close{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f4f7fc;color:#60789d}.publication-reader-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:70px;padding:52px 54px 64px}.publication-reader-art{min-width:0;padding-top:12px;align-self:start;position:sticky;top:120px}.publication-reader-volume{position:relative;max-width:260px;margin:0 auto;transform:perspective(1000px) rotateY(-12deg);transform-style:preserve-3d;animation:publication-open .65s ease both;box-shadow:14px 18px 28px #24324f20}.publication-reader-volume:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--book-color);transform:translate(-10px) translateZ(-12px);box-shadow:0 0 1px #24324f50}.publication-reader-volume img{position:relative;width:100%;height:auto;display:block;border-radius:2px;box-shadow:inset 3px 0 5px #0002}.publication-reader-volume.is-flat-cover{transform:none;animation:none}.publication-reader-volume>.publication-cover-flat{height:auto}.publication-reader-volume .publication-cover-flat>img{position:absolute;width:1440px;height:1440px;border-radius:0}.publication-reader-art>p{font-size:13px;text-align:center;margin-top:30px;color:#94a1b4;letter-spacing:1px}.publication-reader-copy{min-width:0}.publication-reader-copy .eyebrow{font-size:12px;letter-spacing:1.6px;color:#7f93b1}.publication-reader-copy h2{font-size:30px;line-height:1.55;font-weight:500;margin:18px 0 16px;letter-spacing:.2px;text-wrap:pretty}.publication-reader-authors{font-size:16px;color:var(--muted);line-height:1.8;margin:0 0 28px}.publication-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:0}.publication-facts-wide{grid-column:1/-1}.publication-facts dt{color:#8b9ab0;font-size:13px;margin-bottom:8px}.publication-facts dd{font-size:15px;line-height:1.8;margin:0;color:#52657e}.publication-reader-abstract{margin:28px 0}.publication-reader-abstract h3{font-size:13px;font-weight:500;letter-spacing:2px;margin:0 0 12px;color:#60789a}.publication-reader-abstract p{font-size:16px;line-height:2.15;color:var(--muted);margin:0;text-align:justify}.publication-reader-abstract small{font-size:13px;color:#8a9ab2;display:block;margin-top:12px}.publication-reader-citation{font-size:13px;line-height:1.9;color:#94a0b3;border-top:1px solid var(--line);padding-top:20px;margin:24px 0}.publication-read-original{display:inline-flex;align-items:center;gap:30px;font-size:15px;line-height:1.6;padding:13px 22px;border:1px solid #dce5f3;border-radius:30px;color:#54729b;background:#fff}.publication-read-original:hover{background:#f1f6fd}@keyframes publication-open{0%{opacity:0;transform:perspective(1000px) rotateY(-55deg)}to{opacity:1;transform:perspective(1000px) rotateY(-12deg)}}@media(max-width:900px){.publication-reader-layout{gap:36px;padding:38px 30px}.publication-reader-copy h2{font-size:25px}.publication-reader-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}@media(max-width:600px){.publication-header{margin-bottom:28px}.publication-shelf-topline{align-items:flex-start;flex-direction:column;gap:12px}.publication-shelf-viewport{margin-inline:-24px;padding:36px 24px 30px}.publication-shelf-row{justify-content:flex-start;gap:13px;padding-inline:0}.publication-book{height:calc(var(--book-height) * .83);perspective:1000px}.publication-book-volume{width:190px}.publication-book.is-open{width:216px}.publication-book-pages{left:188px}.publication-book-top{width:186px}.publication-shelf-bottom{gap:14px;align-items:flex-start}.publication-shelf-caption>button{font-size:14px;gap:8px}.publication-shelf-navigation{gap:6px;padding-top:14px}.publication-shelf-navigation button{width:34px;height:34px}.publication-reader{width:100vw;max-height:100svh;height:100svh;margin:0;border-radius:0;border:0}.publication-reader-bar{padding:14px 20px;gap:12px}.publication-reader-bar>span{font-size:10px}.publication-reader-layout{display:flex;flex-direction:column;padding:28px 24px 44px;gap:24px}.publication-reader-art{position:static;width:100%;padding:8px 0}.publication-reader-volume{max-width:175px}.publication-reader-art>p{margin:18px 0 0}.publication-reader-copy h2{font-size:24px}.publication-facts{gap:18px}.publication-reader-abstract p{font-size:16px;line-height:2}.publication-back{font-size:13px}}@media(prefers-reduced-motion:reduce){.publication-book,.publication-book-volume{transition:none}.publication-reader-volume{animation:none}}.shelf-instruction-mobile{display:none}@media(hover:none){.shelf-instruction-desktop{display:none}.shelf-instruction-mobile{display:inline}}.paper .paper-detail{margin-top:14px;max-width:760px}.paper .paper-detail p{font-size:17px;line-height:1.85;color:#67758a;margin:0 0 10px}.paper .paper-detail .text-link{font-size:16px;display:inline-flex;align-items:center;gap:12px;padding:4px 0 6px}.exchange-grid .evidence-link{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-size:16px}@media(max-width:600px){.paper .paper-detail p{font-size:16px}.paper .paper-detail{margin-top:10px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Kanit,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-\[8\%\]{bottom:8%}.left-\[1\%\]{left:1%}.left-\[3\%\]{left:3%}.right-\[1\%\]{right:1%}.right-\[3\%\]{right:3%}.top-40{top:10rem}.top-\[4\%\]{top:4%}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[130px\]{width:130px}.max-w-\[560px\]{max-width:560px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-frost{--tw-border-opacity: 1;border-color:rgb(215 226 234 / var(--tw-border-opacity, 1))}.bg-\[\#18181b\]{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-\[clamp\(1rem\,2vw\,1\.35rem\)\]{font-size:clamp(1rem,2vw,1.35rem)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-widest{letter-spacing:.1em}.text-frost{--tw-text-opacity: 1;color:rgb(215 226 234 / var(--tw-text-opacity, 1))}.text-frost\/60{color:#d7e2ea99}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#283e34;background:#f9f8f4;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;font-size:18px}html{scroll-behavior:smooth;scroll-padding-top:100px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #aa533d;outline-offset:5px}::-moz-selection{background:#e8c9b7}::selection{background:#e8c9b7}.wrap{max-width:1400px;margin:auto;padding-left:70px;padding-right:70px}.header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #283e3420;background:#f9f8f4f2;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;font-size:17px;letter-spacing:2px;font-weight:500}.brand-mark{font-family:serif;font-size:27px;background:#2e493d;color:#fff;padding:2px 9px;border-radius:2px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:4px}.nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav a:hover,.text-link:hover{color:#a34e37}.nav-contact{border:1px solid #bac4b5;padding:10px 17px;display:flex;gap:24px;align-items:center}.menu-toggle{display:none}.eyebrow{font-size:13px;letter-spacing:1.8px;font-weight:500;display:flex;align-items:center;gap:10px;margin:0;text-transform:uppercase;color:#637365}.eyebrow i{width:6px;height:6px;background:#a9573e;border-radius:50%}.hero{padding-top:45px}.hero-topline{display:flex;justify-content:space-between;align-items:center}.hero-topline>span{font-size:11px;letter-spacing:1.6px;color:#8c9082}.hero-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;padding:40px 0 42px}.hello{font-size:15px;letter-spacing:2px;margin:0 0 20px}h1{font-family:Songti SC,STSong,serif;font-size:69px;font-weight:500;line-height:1.27;letter-spacing:2px;margin:0}h1 span{color:#aa533c}.hero-intro{padding-bottom:5px}.hero-intro>p{font-size:16px;line-height:2;color:#586659;margin:0 0 22px}.hero-intro .hero-degree{font-size:13px;line-height:1.9;color:#7a8173}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;padding:0 0 6px;border-bottom:1px solid #84937c;line-height:1.7}.hero-feature{position:relative;display:block;width:100%;height:440px;padding:0;text-align:left;overflow:hidden;background:#e2e5dd}.hero-feature>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 53%;object-position:center 53%;transition:transform .7s}.hero-feature:hover>img{transform:scale(1.025)}.hero-feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#122319cc,transparent 65%)}.hero-feature-overlay{position:absolute;bottom:32px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:end;color:#fff;z-index:1}.hero-feature-overlay span:not(.round-arrow){font-size:10px;letter-spacing:2px}.hero-feature-overlay h2{font-family:Songti SC,serif;font-size:34px;font-weight:500;letter-spacing:3px;margin:13px 0 8px}.hero-feature-overlay p{font-size:13px;margin:0;color:#e1e6d8}.round-arrow{width:47px;height:47px;border-radius:50%;border:1px solid #ffffff90;display:grid;place-items:center}.hero-image-credit{position:absolute;right:25px;top:23px;font-size:11px;letter-spacing:1px;color:#fff;background:#223c327a;padding:8px 11px;z-index:1}.hero-bottom{display:flex;justify-content:space-between;padding:23px 0 45px;font-size:12px;color:#7a8472;letter-spacing:2px}.section{padding-top:88px;padding-bottom:88px}.section-title h2{font-family:Songti SC,STSong,serif;font-weight:500;font-size:38px;letter-spacing:1px;margin:17px 0 0;line-height:1.3}.section-title h2 span{color:#aa533d}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-intro{margin:0;font-size:15px;line-height:2;color:#6a7766}.projects-section{background:#eeefe8}.work-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{padding:10px 14px;font-size:13px;border:1px solid transparent}.filters button.active{background:#2e493d;color:#fff}.filters button:hover{border-color:#84937c}.filters sup{font-size:10px;margin-left:7px;opacity:.7}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #bac5b2;padding:10px 0;color:#64785e}.search input{width:130px;min-width:0;border:0;background:none;font-size:13px;color:#344a3d;outline-offset:3px}.search button{padding:0}.result-count{font-size:12px;color:#7a8472;margin:16px 0 24px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.work-cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:1.35;overflow:hidden;background:#e3e5db}.work-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s}.work-cover.contain{background:#fff}.work-cover.contain img{-o-object-fit:contain;object-fit:contain;padding:16px}.work-cover:hover img{transform:scale(1.04)}.work-open{position:absolute;bottom:14px;right:14px;border-radius:50%;background:#f9f8f4ed;width:34px;height:34px;display:grid;place-items:center;opacity:0;transition:opacity .2s}.work-cover:hover .work-open,.work-cover:focus-visible .work-open{opacity:1}.work-meta{display:flex;justify-content:space-between;font-size:12px;color:#6b7963;margin:17px 0 10px}.work-title{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:0;text-align:left}.work-title h3{font-size:17px;font-weight:500;line-height:1.6;margin:0}.work-title svg{flex-shrink:0}.work-card>p{font-size:14px;line-height:1.9;color:#687361;margin:10px 0 0}.empty-state{padding:70px 20px;text-align:center}.empty-state button{border-bottom:1px solid;padding:10px}.archive{margin-top:52px;border-top:1px solid #bfcab5;border-bottom:1px solid #bfcab5}.archive-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:25px 0;text-align:left;font-size:15px}.archive-toggle small{font-size:10px;color:#75816b;margin-left:22px}.archive-list article{display:grid;grid-template-columns:85px 1fr 140px 24px;gap:20px;padding:20px 0;border-top:1px solid #d3dacb;align-items:center}.archive-list article>span{font-size:12px;color:#6b7862;line-height:1.8}.archive-list h3{font-size:13px;font-weight:500;margin:0 0 6px}.archive-list p{font-size:12px;color:#75816c;margin:0}.archive-list button{padding:0}.source-note{font-size:13px;line-height:1.9;color:#7b8373;margin:25px 0}.teaching-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;margin-top:42px}.teaching-image img{width:100%;height:430px;-o-object-fit:cover;object-fit:cover}.teaching-image>span{display:block;font-size:12px;color:#78816f;margin-top:13px}.teaching-list article{border-top:1px solid #d3dacb;padding:20px 0}.teaching-list article:first-child{padding-top:0;border:0}.teaching-list article>span{font-size:11px;letter-spacing:1px;color:#a36243}.teaching-list h3{font-weight:500;font-size:19px;line-height:1.6;margin:10px 0}.teaching-list p{font-size:14px;line-height:1.9;color:#6b7763;margin:0 0 12px}.teaching-list .text-link{font-size:13px}.teaching-book{margin-top:48px;display:grid;grid-template-columns:1.2fr 1fr;background:#efeee5;align-items:center}.teaching-book>img{width:100%;height:350px;-o-object-fit:cover;object-fit:cover}.teaching-book>div{padding:35px}.teaching-book h3{font-family:Songti SC,serif;font-size:28px;font-weight:500;line-height:1.6;margin:18px 0}.teaching-book p:not(.eyebrow){font-size:15px;line-height:2;color:#6a765f}.publication-section{background:#f0f1eb}.paper-list{margin-top:38px;border-top:1px solid #bdc9b2}.paper{display:grid;grid-template-columns:24px 50px 1fr 45px;gap:20px;align-items:baseline;padding:24px 0;border-bottom:1px solid #d4dcce;scroll-margin-top:115px}.paper:target{background:#e7dfcc;outline:10px solid #e7dfcc}.paper-index{font:13px Georgia;color:#89957d}.paper-year{font:16px Georgia;color:#758369}.paper h3{font-size:15px;line-height:1.7;font-weight:500;margin:0 0 8px}.paper p{font-size:14px;color:#6c7961;line-height:1.8;margin:0}.paper p span{padding:0 8px}.paper-type{font-size:12px;border:1px solid #bdcbb3;padding:4px 6px;text-align:center;color:#728265}.outline-button{display:inline-flex;gap:15px;align-items:center;border:1px solid #aaba9e;padding:12px 20px;font-size:13px}.paper-toggle{display:flex;margin:28px auto 0}.book-row{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid #c7d2bd;margin-top:48px;padding-top:38px}.book-row>div{display:flex;align-items:center;gap:25px}.book-row img{width:105px;height:150px;-o-object-fit:contain;object-fit:contain}.book-row h3{font-size:17px;font-weight:500;margin:12px 0}.book-row p{font-size:13px;line-height:1.8;color:#6b7960}.book-row span{font-size:11px;color:#8c7158}.book-row .text-link{font-size:12px}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.about-profile>img{width:170px;height:221px;-o-object-fit:cover;object-fit:cover;margin:35px 0 22px;filter:saturate(.7)}.about-profile>h3{font-size:22px;font-weight:500;margin:0 0 12px}.about-profile>h3 span{font-size:11px;margin-left:12px;letter-spacing:1px}.about-profile>p{font-size:14px;color:#6b7960;margin-bottom:25px}.about-content>h3{font-size:24px;font-weight:500;line-height:1.7;margin:0 0 20px}.about-content>p{font-size:16px;line-height:2;color:#63705d}.timeline{border-left:1px solid #bdc9b2;margin-top:38px;padding-left:28px}.timeline article{position:relative;padding-bottom:30px}.timeline article:last-child{padding-bottom:0}.timeline article:before{content:"";position:absolute;left:-33px;top:4px;width:9px;height:9px;background:#788f6b;border:3px solid #f9f8f4;outline:1px solid #9bad8e;border-radius:50%}.timeline article>span{font-size:13px;letter-spacing:.5px;color:#768769}.timeline h3{font-size:18px;font-weight:500;margin:12px 0 9px}.timeline p{font-size:15px;color:#65775d;margin:8px 0}.timeline small{font-size:13px;color:#73846b}.exchange{margin-top:18px;border-left:2px solid #b2bda4;padding:3px 0 3px 17px}.exchange b{font-weight:500;font-size:17px}.exchange p{font-size:13px}.activity{padding-top:0}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:27px}.activity-grid article{border-top:1px solid #cbd5c1;padding-top:20px}.activity-grid span{font:14px Georgia;color:#a06e4c}.activity h3{font-size:16px;font-weight:500;margin:16px 0 10px}.activity p{font-size:14px;line-height:1.9;color:#6b7960}.contact{background:#294536;color:#f0f1e3;padding:60px 0}.contact .eyebrow{color:#bdc9af}.contact-row{display:flex;align-items:center;justify-content:space-between}.contact h2{font-family:Songti SC,serif;font-size:43px;font-weight:400;line-height:1.6;margin:24px 0}.contact h2 span{color:#d19a75}.contact-circle{border:1px solid #8da17b;border-radius:50%;width:82px;height:82px;display:grid;place-items:center;margin-right:40px}.contact-circle:hover{background:#416049}.contact-circle svg{width:34px;height:34px;stroke-width:1}.contact-bottom{display:flex;align-items:center;justify-content:space-between;color:#bfccb2;font-size:15px}.contact-bottom a{display:flex;gap:10px;align-items:center;color:#e0e7d3}.footer{display:flex;justify-content:space-between;align-items:center;min-height:95px;font-size:13px;color:#7a8970}.footer>a:first-child{font-size:17px;color:#344c39}.footer>a:first-child span{font-size:11px;letter-spacing:1px;margin-left:8px}.footer>a:last-child{display:flex;gap:10px}.skip-link{position:fixed;top:-60px;left:10px;padding:12px;background:#fff;z-index:30}.skip-link:focus{top:10px}.case-dialog{position:fixed;width:min(1080px,94vw);max-height:92dvh;padding:0;margin:auto;border:0;background:#f9f8f4;color:#283e34;overflow-y:auto;overscroll-behavior:contain}.case-dialog::backdrop{background:#13251cba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.case-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;padding:15px 30px;border-bottom:1px solid #d5dccd;background:#f9f8f4f5;z-index:2}.case-bar>span{font-size:14px}.case-bar button{padding:5px;display:grid;place-items:center}.case-content{padding:36px 55px}.case-content>h2{font-family:Songti SC,serif;font-size:38px;font-weight:500;margin:15px 0 20px}.case-summary{font-size:18px;line-height:1.9;color:#5b6e55}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px 0;margin:24px 0;border-top:1px solid #ced8c5;border-bottom:1px solid #ced8c5}.case-facts span,.case-outcome>span{font-size:13px;color:#a36749}.case-facts p{font-size:16px;line-height:1.9;margin:10px 0 0}.case-process{display:grid;grid-template-columns:180px 1fr;gap:25px}.case-process h3,.gallery h3,.related-papers h3{font-size:16px;font-weight:500;margin:0}.case-process p{font-size:16px;line-height:2;color:#63735a;margin:0 0 14px}.case-outcome{background:#eceee4;padding:20px 24px;margin:20px 0 36px}.case-outcome p{font-size:16px;line-height:1.9;margin:8px 0 0}.gallery-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gallery-top>span{font-size:14px;color:#708364}.gallery-main{position:relative;padding:0;background:#e9ece2;width:100%;height:490px;display:grid;place-items:center}.gallery-main img{max-width:100%;max-height:490px;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gallery-main>span{display:flex;align-items:center;gap:8px;position:absolute;bottom:14px;right:14px;background:#f9f8f4e8;padding:9px 12px;font-size:12px}.gallery-controls{display:flex;align-items:center;gap:20px;margin:14px 0}.gallery-controls p{flex:1;font-size:15px;text-align:center;color:#64765a}.gallery-controls button{padding:9px;border:1px solid #bfcdb2;display:grid;place-items:center}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 12px}.gallery-thumbs button{width:95px;height:65px;padding:3px;border:1px solid transparent;flex-shrink:0}.gallery-thumbs button[aria-pressed=true]{border-color:#527047}.gallery-thumbs img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-papers{border-top:1px solid #c7d3ba;padding-top:25px;margin-top:30px}.related-papers>a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;border-bottom:1px solid #d8e0cf;padding:13px 0}.muted{font-size:14px;color:#77876a}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#142119f7;padding:55px 20px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:zoom-out}.image-viewer img{width:100%;height:calc(100dvh - 155px);-o-object-fit:contain;object-fit:contain}.image-viewer button{position:absolute;right:25px;top:15px;color:#fff;padding:10px}.image-viewer p{color:#dee5d6;font-size:14px;margin:14px 0 0;text-align:center}@media(min-width:1500px){.hero-feature{height:490px}}@media(max-width:1100px){.wrap{padding-left:38px;padding-right:38px}.nav{gap:22px}.hero-heading{gap:30px}h1{font-size:60px}.hero-feature{height:380px}.work-tools{align-items:start;flex-direction:column}.search{width:240px}.search input{flex:1}.work-grid{gap:35px 20px}.work-title h3{font-size:15px}.teaching-layout{gap:30px}.teaching-image img{height:470px}.about{gap:55px}.book-row{gap:30px}.book-row>div{gap:15px}.book-row img{width:90px}.archive-list article{grid-template-columns:75px 1fr 100px 20px;gap:15px}}@media(max-width:700px){html{scroll-padding-top:85px}.wrap{padding-left:24px;padding-right:24px}.header{height:74px;padding:0 22px}.brand{font-size:15px}.brand-mark{font-size:24px}.menu-toggle{display:flex;padding:8px}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#f9f8f4;padding:25px;border-bottom:1px solid #c7d2be;gap:24px}.nav.open{display:flex;flex-direction:column;align-items:stretch}.nav-contact{justify-content:space-between}.hero{padding-top:28px}.hero-topline .eyebrow{font-size:11px;letter-spacing:1px}.hero-topline>span{font-size:9px;letter-spacing:.5px}.hero-heading{grid-template-columns:1fr;gap:25px;padding:30px 0}.hello{font-size:13px;margin-bottom:15px}h1{font-size:53px;line-height:1.25}.hero-intro>p{font-size:14px;margin-bottom:14px}.hero-intro .hero-degree{font-size:12px}.hero-feature{height:340px}.hero-feature>img{-o-object-position:48% center;object-position:48% center}.hero-feature-overlay{left:20px;right:20px;bottom:24px}.hero-feature-overlay h2{font-size:29px}.hero-feature-overlay p{font-size:12px}.hero-image-credit{font-size:10px;top:15px;right:15px}.hero-bottom{font-size:11px;letter-spacing:0;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:20px 0 30px}.section{padding-top:60px;padding-bottom:60px}.section-title h2{font-size:31px}.eyebrow{font-size:12px;letter-spacing:1.2px}.section-heading-row{align-items:start;flex-direction:column;gap:20px}.section-intro{font-size:14px}.work-tools{margin-top:25px;gap:12px}.filters{gap:2px}.filters button{font-size:12px;padding:8px 9px}.filters sup{margin-left:4px;font-size:9px}.search{width:100%}.search input{font-size:14px}.result-count{margin-top:12px}.work-grid{grid-template-columns:1fr;gap:32px}.work-cover{aspect-ratio:1.4}.work-open{opacity:1}.work-title h3{font-size:18px}.work-meta{font-size:13px}.work-card>p{font-size:15px}.archive{margin-top:35px}.archive-toggle{font-size:14px;gap:20px}.archive-toggle small{display:block;margin:8px 0 0;font-size:9px}.archive-list article{grid-template-columns:55px 1fr 20px;gap:12px}.archive-list article>span:nth-child(3){grid-column:2;grid-row:auto}.archive-list article>button{grid-column:3;grid-row:span 2}.archive-list h3,.archive-list p{font-size:12px;line-height:1.8}.teaching-layout{grid-template-columns:1fr;margin-top:30px;gap:25px}.teaching-image img{height:auto;aspect-ratio:1.4;-o-object-fit:cover;object-fit:cover}.teaching-list h3{font-size:19px}.teaching-list p{font-size:14px}.teaching-book{grid-template-columns:1fr;margin-top:30px}.teaching-book>img{height:auto}.teaching-book>div{padding:25px}.teaching-book h3{font-size:27px}.paper{grid-template-columns:37px 1fr;gap:10px;padding:21px 0}.paper-index,.paper-type{display:none}.paper h3{font-size:15px}.paper p{font-size:13px}.paper p span{padding:0 3px}.book-row{grid-template-columns:1fr;gap:30px;margin-top:35px}.book-row>div{gap:22px}.book-row h3{font-size:16px}.book-row p{font-size:13px}.book-row img{width:90px;height:135px}.about{grid-template-columns:1fr;gap:35px}.about-profile>img{width:140px;height:180px;margin-top:25px}.about-content>h3{font-size:23px}.about-content>p{font-size:15px}.activity{padding-top:0}.activity-grid{grid-template-columns:1fr;gap:25px}.activity h3{margin-top:10px}.contact{padding:40px 0}.contact h2{font-size:28px;line-height:1.6}.contact-circle{width:50px;height:50px;flex-shrink:0;margin:0}.contact-circle svg{width:24px;height:24px}.contact-row{gap:10px}.contact-bottom{flex-direction:column;align-items:start;font-size:14px;gap:10px}.footer{min-height:90px;gap:16px}.footer>span{display:none}.case-dialog{width:100%;max-height:100dvh;height:100dvh}.case-bar{padding:12px 20px}.case-content{padding:28px 22px}.case-content>h2{font-size:29px;line-height:1.5}.case-content .eyebrow{font-size:11px;line-height:1.8}.case-summary{font-size:17px}.case-facts{grid-template-columns:1fr;gap:22px}.case-process{grid-template-columns:1fr;gap:18px}.case-process p,.case-facts p{font-size:15px}.gallery-main{height:300px}.gallery-main img{max-height:300px}.gallery-controls{gap:10px}.gallery-controls p{font-size:14px;line-height:1.7}.related-papers>a{font-size:14px;line-height:1.8}.related-papers svg{flex-shrink:0}.image-viewer{padding-left:8px;padding-right:8px}.image-viewer p{font-size:13px;line-height:1.8}.source-note{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.image-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;color:#dee5d6}.image-viewer::backdrop{background:#142119}@media(max-width:360px){h1{font-size:46px;letter-spacing:0}.hero-topline{gap:15px}.hero-topline .eyebrow{font-size:10px}.contact h2{font-size:24px}.filters button{padding:8px 7px}}:root{color:#202020;background:#fff;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.wrap{max-width:1360px;padding-left:56px;padding-right:56px}.header{height:82px;position:fixed;top:0;left:0;right:0;width:100%;padding:0 4.5%;border:0;background:#fff;display:grid;grid-template-columns:1fr auto 1fr;transition:width .35s,top .35s,height .35s,background .35s,border-radius .35s;color:#171717}.brand{grid-column:2;grid-row:1;font-size:29px;font-weight:700;letter-spacing:-1.5px;line-height:1}.brand>span>small{font-size:6px;font-weight:400;letter-spacing:1.5px;text-align:center;margin-top:7px}.brand-period{color:#cf5a32}.nav{grid-column:1;grid-row:1;gap:22px;font-size:13px}.nav a:hover{color:#8c8c8c}.header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:22px;align-items:center;font-size:13px}.nav-contact{border:0;background:#111;color:#fff;border-radius:99px;padding:13px 21px;gap:13px}.header-download:hover{opacity:.55}.mobile-contact{display:none}.header.is-scrolled{top:14px;width:min(1050px,calc(100% - 40px));height:58px;margin:auto;border-radius:99px;padding:0 22px;background:#343434dd;color:#fff;box-shadow:0 6px 24px #00000012;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.header.is-scrolled .brand{font-size:23px}.header.is-scrolled .brand small{display:none}.header.is-scrolled .brand-period{color:#ffa378}.header.is-scrolled .nav-contact{background:#fff;color:#171717;padding:10px 17px}.header.is-scrolled .nav,.header.is-scrolled .header-actions{gap:17px;font-size:12px}.cinema-hero{position:relative;height:calc(100svh - 96px);min-height:680px;max-height:1080px;margin:82px 8px 0;border-radius:12px;overflow:hidden;background:#17110c;color:#fff;isolation:isolate}.cinema-background{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:-3;animation:hero-enter 1.4s ease-out both}.cinema-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#120e0bba,#100b0660 47%,#100b0620 80%),linear-gradient(0deg,#120c08d9,transparent 45%)}.cinema-copy{position:absolute;left:4.3%;top:50%;transform:translateY(-54%);max-width:650px;animation:copy-enter .9s ease-out both}.hero-kicker{font-size:15px;letter-spacing:.6px;display:flex;gap:10px;align-items:center;margin:0 0 25px}.hero-kicker>span{width:6px;height:6px;border-radius:50%;background:#e8c8a6;box-shadow:0 0 0 4px #ffffff12}.cinema-copy h1{font-family:inherit;font-size:clamp(40px,4.2vw,65px);font-weight:400;letter-spacing:-1.5px;line-height:1.3;margin:0}.cinema-intro{font-size:16px;line-height:1.9;margin:22px 0 31px;color:#efebe5}.cinema-actions{display:flex;gap:12px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:99px;padding:16px 23px;font-size:14px;line-height:1.2;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px)}.pill.light{background:#fff;color:#111}.pill.glass{background:#ffffff25;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.pill.dark{background:#171717;color:#fff}.hero-proof{position:absolute;bottom:43px;left:4.3%;display:flex;gap:48px}.hero-proof>div{display:flex;flex-direction:column;gap:7px}.hero-proof strong{font-size:24px;font-weight:400}.hero-proof span{font-size:13px;color:#d7d1c8}.hero-project-credit{position:absolute;right:4.3%;bottom:43px;display:flex;align-items:center;gap:20px;color:#eee;text-align:left;font-size:13px;line-height:1.9;padding:0}.hero-project-credit small{font-size:11px;color:#bfb7ad}.hero-side-label{position:absolute;right:32px;top:32px;font-size:10px;letter-spacing:2px;color:#d8d1c8}.affiliations{text-align:center;padding-top:50px;padding-bottom:0}.affiliations>p{font-size:15px;margin:0 0 30px;color:#646464}.affiliations>div{display:flex;justify-content:center;align-items:start;gap:90px}.affiliations>div>span{font-family:Georgia,Songti SC,serif;font-size:25px;color:#949494;letter-spacing:.3px}.affiliations small{display:block;font:11px Arial,PingFang SC,sans-serif;margin-top:9px;letter-spacing:1px;color:#8d8d8d}.section{padding-top:105px;padding-bottom:105px}.center-title{text-align:center;margin-bottom:45px}.center-title .eyebrow{justify-content:center}.center-title h2{font-size:36px;font-weight:400;letter-spacing:-1px;margin:17px 0 14px}.center-title>p:last-child{font-size:15px;color:#777;margin:0}.eyebrow{color:#8c8c8c;font-size:12px}.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.practice-picture{aspect-ratio:1;position:relative;background:#f1f1f1;border-radius:10px;overflow:hidden}.practice-picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.practice-card:nth-child(3) img{-o-object-fit:contain;object-fit:contain;background:#f5f5f5}.practice-card:hover img{transform:scale(1.04)}.practice-picture>span{position:absolute;left:10px;top:10px;background:#0004;color:#fff;padding:7px 10px;border-radius:5px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.practice-picture>i{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffca}.practice-card h3{font-size:21px;font-weight:400;margin:22px 0 10px;letter-spacing:-.3px}.practice-card p{font-size:14px;line-height:1.9;color:#777;margin:0;max-width:250px}.spotlight{margin:0 8px;position:relative;border-radius:12px;overflow:hidden;min-height:720px;background:#f3f3f1;isolation:isolate;display:flex;align-items:center;padding:60px 4.3%}.spotlight-picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.spotlight-picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;animation:spotlight-enter .5s}.spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f5f4f0f7,#f5f4f0d9 25%,#ffffff08 60%,#f5f4f0d9);z-index:-1}.spotlight-copy{width:32%;min-width:300px}.spotlight-copy h2{font-size:36px;font-weight:400;line-height:1.4;margin:20px 0}.spotlight-copy>p:not(.eyebrow){font-size:17px;line-height:1.9;max-width:335px;color:#434343;margin-bottom:27px}.spotlight-tabs{margin-left:auto;display:flex;flex-direction:column;gap:7px;width:220px}.spotlight-tabs button{padding:14px 0 14px 20px;border-left:1px solid transparent;display:flex;justify-content:space-between;gap:15px;font-size:14px;text-align:left;color:#767676}.spotlight-tabs button[aria-pressed=true]{border-color:#222;color:#111;font-weight:500}.spotlight-tabs button:hover{color:#111}.section-title h2{font-family:inherit;font-weight:400;font-size:37px;letter-spacing:-1px}.section-title h2>span{display:none}.section-intro{color:#777;font-size:16px}.projects-section{background:#fff}.work-tools{margin-top:38px}.filters{gap:7px}.filters button{border-radius:99px;padding:10px 17px;color:#666;background:#f5f5f5}.filters button.active{background:#171717;color:#fff}.filters button:hover{border-color:#bdbdbd}.search{border-color:#ddd;color:#777}.search input{color:#222}.result-count{color:#888}.work-grid{gap:42px 22px}.work-cover{border-radius:11px;background:#eee}.work-cover.contain{background:#f5f5f5}.work-meta{color:#8a8a8a;font-size:13px}.work-title h3{font-size:18px;font-weight:400}.work-card>p{color:#767676;font-size:15px}.work-open{background:#fff}.archive{border-color:#ddd}.archive-toggle{font-weight:400}.archive-toggle small,.archive-list article>span,.archive-list p,.source-note{color:gray}.archive-list article{border-color:#e6e6e6}.teaching{max-width:none;background:#f6f6f4;padding-left:max(56px,calc((100vw - 1248px)/2));padding-right:max(56px,calc((100vw - 1248px)/2))}.teaching-image img{border-radius:12px}.teaching-list article{border-color:#dedede}.teaching-list article>span{color:#999}.teaching-list h3{font-weight:400;font-size:23px}.teaching-list p{color:#707070}.teaching-image>span{color:#999}.text-link{border-color:#aaa;color:#222}.text-link:hover{color:#888}.teaching-book{background:#fff;border-radius:12px;overflow:hidden;margin-top:60px}.teaching-book h3{font-family:inherit;font-weight:400;font-size:29px;line-height:1.5}.teaching-book p:not(.eyebrow){color:#777}.publication-section{background:#fff}.paper-list,.paper,.book-row{border-color:#e3e3e3}.paper h3{font-weight:400;font-size:16px}.paper p{color:gray}.paper-index,.paper-year{color:#999;font-family:inherit}.paper-type{border-color:#ddd;color:#888;border-radius:99px;padding:5px 8px}.outline-button{border-color:#ddd;border-radius:99px;padding:13px 23px}.outline-button:hover{background:#f3f3f3}.paper:target{background:#f4eadf;outline-color:#f4eadf}.book-row span{color:#999}.book-row h3{font-weight:400}.book-row p{color:#777}.about{border-top:1px solid #eee}.about-profile>img{border-radius:12px;filter:none}.about-profile>p,.about-content>p{color:#737373}.about-content>h3{font-weight:400;font-size:29px}.timeline{border-color:#ddd}.timeline article:before{background:#999;border-color:#fff;outline-color:#ccc}.timeline article>span,.timeline p,.timeline small{color:#888}.timeline h3{font-weight:400}.exchange{border-color:#d4d4d4}.activity-grid article{border-color:#ddd}.activity-grid span{color:#aaa;font-family:inherit}.activity h3{font-weight:400;font-size:19px}.activity p{color:#777}.contact{margin:0 8px;border-radius:12px;position:relative;overflow:hidden;isolation:isolate;padding:100px 0;background:#1a1410}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#120c08eb,#160e0890),url(/portfolio/s25-08.webp) center 55%/cover;z-index:-1}.contact .eyebrow{color:#bdb5ae}.contact h2{font-family:inherit;font-size:49px;font-weight:400;letter-spacing:-1px;line-height:1.4}.contact-circle{border-color:#ffffff80;background:#fff;color:#111}.contact-circle:hover{background:#dedbd7}.contact-bottom{color:#c0b8b1}.contact-bottom a{color:#fff}.footer{color:#888;min-height:110px}.footer>a:first-child{color:#222}.case-dialog{background:#fff;color:#222;border-radius:16px}.case-bar{background:#fffffff5;border-color:#eee}.case-content>h2{font-family:inherit;font-weight:400}.case-summary,.case-process p,.gallery-controls p{color:#666}.case-facts{border-color:#ddd}.case-facts span,.case-outcome>span{color:#888}.case-outcome{background:#f5f5f3;border-radius:10px}.gallery-main{background:#f2f2f0;border-radius:10px;overflow:hidden}.gallery-main>span{border-radius:99px;background:#fffe}.gallery-controls button{border-color:#ddd;border-radius:99px}.gallery-thumbs button{border-radius:6px}.gallery-thumbs button[aria-pressed=true]{border-color:#333}.related-papers,.related-papers>a{border-color:#ddd}.muted{color:#888}.image-viewer{background:#151515fa}.image-viewer::backdrop{background:#151515}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#dd8b52}::-moz-selection{background:#e9d6bf}::selection{background:#e9d6bf}.empty-state button{border-color:#aaa}.menu-toggle{color:inherit}@keyframes hero-enter{0%{transform:scale(1.045);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes copy-enter{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes spotlight-enter{0%{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.header{padding:0 25px}.nav{gap:15px;font-size:12px}.header-actions{gap:15px}.header.is-scrolled{width:calc(100% - 28px)}.header.is-scrolled .nav{gap:13px}.wrap{padding-left:38px;padding-right:38px}.cinema-hero{min-height:650px}.hero-proof{gap:35px}.affiliations>div{gap:50px}.affiliations>div>span{font-size:22px}.practice-card h3{font-size:19px}.spotlight{min-height:650px}.spotlight-copy h2{font-size:30px}.spotlight-copy{width:36%;min-width:260px}.spotlight-tabs{width:180px}.teaching{padding-left:38px;padding-right:38px}.contact h2{font-size:42px}}@media(max-width:700px){.header{height:72px;display:flex;justify-content:space-between;padding:0 22px}.brand{font-size:25px}.brand>span>small{font-size:5px;margin-top:5px}.header-actions{display:none}.menu-toggle{display:flex}.header.is-scrolled{height:56px;top:10px;width:calc(100% - 24px);padding:0 20px}.header.is-scrolled .brand{font-size:23px}.nav{top:72px;font-size:15px;border-color:#eee;border-radius:0 0 12px 12px;background:#fff;color:#222}.header.is-scrolled .nav{top:66px;font-size:15px;border-radius:16px;gap:24px;box-shadow:0 10px 30px #0002}.mobile-contact{display:flex;align-items:center;justify-content:space-between}.cinema-hero{height:calc(100svh - 80px);min-height:680px;max-height:900px;margin:72px 6px 0;border-radius:9px}.cinema-background{-o-object-position:60% center;object-position:60% center}.cinema-shade{background:linear-gradient(90deg,#120c0bcc,#100b0659),linear-gradient(0deg,#120c09e8,transparent 80%)}.cinema-copy{left:24px;right:18px;top:44%;transform:translateY(-50%)}.hero-kicker{font-size:12px;margin-bottom:23px}.cinema-copy h1{font-size:clamp(30px,8.5vw,43px);letter-spacing:-.7px;line-height:1.4}.cinema-intro{font-size:13px;line-height:2;margin:19px 0 26px}.pill{font-size:13px;gap:15px;padding:14px 20px}.cinema-actions{gap:9px}.hero-proof{left:24px;right:24px;bottom:93px;gap:0;justify-content:space-between}.hero-proof strong{font-size:25px}.hero-proof span{font-size:11px}.hero-project-credit{bottom:23px;left:24px;right:24px;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:15px;font-size:11px}.hero-project-credit small{font-size:10px}.hero-side-label{right:20px;top:23px;font-size:9px}.wrap{padding-left:24px;padding-right:24px}.affiliations{padding-top:35px}.affiliations>p{font-size:13px;margin-bottom:24px}.affiliations>div{gap:20px;justify-content:space-between}.affiliations>div>span{font-size:19px}.affiliations>div>span:nth-child(2){font-size:17px;max-width:120px}.affiliations small{font-size:9px;line-height:1.8;letter-spacing:0}.section{padding-top:65px;padding-bottom:65px}.center-title{margin-bottom:30px}.center-title h2{font-size:25px;line-height:1.5;letter-spacing:-.5px}.center-title>p:last-child{font-size:13px;line-height:1.8}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}.practice-card h3{font-size:17px;margin-top:14px;line-height:1.6}.practice-card p{font-size:12px;line-height:1.8}.practice-picture{border-radius:8px}.practice-picture>span{font-size:10px;padding:5px 7px;left:7px;top:7px}.practice-picture>i{width:25px;height:25px;right:7px;bottom:7px}.spotlight{margin:0 6px;min-height:680px;align-items:start;padding:30px 24px;border-radius:9px;display:flex;flex-direction:column}.spotlight-picture img{-o-object-position:center 50%;object-position:center 50%;-o-object-fit:contain;object-fit:contain;background:#f1f1ef}.spotlight:after{background:linear-gradient(180deg,#f4f4f2,#f4f4f2e6 23%,#f4f4f200,#f4f4f2 87%)}.spotlight-copy{width:100%;min-width:0}.spotlight-copy h2{font-size:28px;line-height:1.4;margin:13px 0}.spotlight-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:300px;margin-bottom:18px}.spotlight-tabs{margin:auto 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 15px;width:100%}.spotlight-tabs button{font-size:12px;padding:11px 0 11px 10px}.section-title h2{font-size:28px;line-height:1.5}.section-intro{font-size:15px}.filters{gap:5px}.filters button{font-size:12px;padding:9px 12px}.work-tools{gap:16px;margin-top:27px}.work-title h3{font-size:19px}.work-card>p{font-size:15px}.work-grid{gap:34px}.teaching{padding-left:24px;padding-right:24px}.teaching-list h3{font-size:21px}.teaching-book{margin-top:30px}.teaching-book h3{font-size:26px}.paper h3{font-size:15px}.paper p{font-size:14px}.about-content>h3{font-size:25px}.activity{padding-top:0}.activity h3{font-size:18px}.contact{margin:0 6px;padding:60px 0;border-radius:9px}.contact h2{font-size:30px;line-height:1.5;letter-spacing:-.5px}.contact-circle{width:47px;height:47px}.contact-bottom{font-size:14px}.footer{min-height:95px}.case-dialog{border-radius:0}.case-content>h2{font-size:28px}.image-viewer{border-radius:0}}@media(prefers-reduced-motion:reduce){.cinema-background,.cinema-copy,.spotlight-picture img{animation:none}.header,.pill,.practice-picture img,.work-cover img{transition:none}}.video-hero{background:#000}.video-hero .hero-video{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transform:translate(16%);animation:none}.video-hero .cinema-shade{background:linear-gradient(90deg,#000b 0%,#0003 35%,transparent 55%);pointer-events:none}.video-hero .cinema-copy{top:48%;max-width:44%;z-index:1}.video-hero h1{font-size:46px;letter-spacing:4px;font-weight:400;line-height:1.25}.video-hero .hero-chinese{display:block;color:#fff;font-size:100px;letter-spacing:4px;line-height:1.1;margin-top:14px;font-weight:400}.video-hero .hero-credentials{display:flex;align-items:center;gap:20px;font-size:19px;letter-spacing:2px;margin:25px 0 36px}.hero-credentials>span{height:15px;width:1px;background:#fff5}.video-toggle{position:absolute;right:32px;bottom:30px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff35;border-radius:99px;padding:11px 16px;color:#fff;background:#ffffff15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;z-index:3}.video-toggle:hover{background:#ffffff30}@media(max-width:700px){.video-hero{min-height:760px;max-height:1000px}.video-hero .hero-video{transform:none;top:0;height:65%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% center;object-position:50% center}.video-hero .cinema-shade{background:linear-gradient(0deg,#000 25%,transparent 63%)}.video-hero .cinema-copy{left:24px;right:24px;top:auto;bottom:74px;transform:none;max-width:none}.video-hero h1{font-size:27px;letter-spacing:3px}.video-hero .hero-chinese{font-size:60px;letter-spacing:2px;line-height:1;margin-top:10px}.video-hero .hero-credentials{font-size:15px;gap:16px;margin:18px 0 23px;letter-spacing:1px}.video-toggle{bottom:17px;right:20px;font-size:11px;padding:9px 12px}.video-hero .cinema-actions{gap:10px}}.video-hero h1{letter-spacing:0}.header .brand{grid-column:1;justify-self:start}.header .nav{grid-column:2;gap:21px}.header .header-actions{grid-column:3}.header.is-scrolled{width:min(1180px,calc(100% - 40px))}.header.is-scrolled .nav{gap:18px}.design-section{background:#f4f7fb}.design-section .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}.design-section .work-card:first-child{grid-column:1/-1}.design-section .work-card:first-child .work-cover{aspect-ratio:2.6}.design-section .work-cover{aspect-ratio:1.55;background:#fff}.design-section .work-cover.contain{background:#fff}.design-note{font-size:15px;letter-spacing:1px;color:#6d7d90;margin:0}.exchange-section{background:#f5f7fa}.exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:42px}.exchange-grid img{width:100%;height:240px;-o-object-fit:cover;object-fit:cover;border-radius:10px;background:#fff;margin-bottom:24px}.exchange-grid img.certificate{-o-object-fit:contain;object-fit:contain;padding:16px}.exchange-grid article>span{font-size:13px;letter-spacing:.5px;color:#4e719b}.exchange-grid h3{font-size:22px;font-weight:400;line-height:1.5;margin:15px 0 12px}.exchange-grid p{font-size:16px;line-height:1.95;color:#667181}.exchange-grid small{font-size:13px;line-height:1.8;color:#8c96a3;display:block}.training-feature{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:60px;padding-top:40px;border-top:1px solid #dce4ed}.training-feature>img{width:100%;aspect-ratio:1.6;-o-object-fit:cover;object-fit:cover;border-radius:10px}.training-feature h3{font-size:26px;font-weight:400;line-height:1.5;margin:18px 0}.training-feature p:not(.eyebrow){font-size:16px;line-height:2;color:#667181}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:42px}.course-card{background:#eff4fc;border:1px solid #d7e4f5;border-radius:14px;padding:36px;display:flex;flex-direction:column;min-height:370px}.course-card:nth-child(2){background:#153c70;color:#fff;border-color:#153c70}.course-top{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px;color:#527197}.course-card:nth-child(2) .course-top{color:#aec9ec}.course-card .course-english{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.4px;margin:38px 0 17px;color:#6285b4}.course-card:nth-child(2) .course-english{color:#9db9e0}.course-card h3{font-size:26px;line-height:1.5;font-weight:400;margin:0 0 15px}.course-card>p:not(.course-english){font-size:15px;line-height:1.9;opacity:.75;margin:0 0 30px}.course-related{margin-top:auto;border-top:1px solid #7c9cc055;padding-top:18px}.course-related>span{font-size:12px;opacity:.6}.course-related button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:12px 0 0;gap:15px;font-size:15px}.course-related button svg{flex-shrink:0}.course-publication{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center;margin-top:50px}.course-publication img{width:100%;border-radius:10px}.course-publication h3{font-size:25px;font-weight:400;line-height:1.5;margin:18px 0}.course-publication p:not(.eyebrow){font-size:16px;line-height:2;color:#737e8a;margin-bottom:22px}.profile-details{max-width:1248px;margin:0 auto 60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;scroll-margin-top:90px}.profile-details>summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0;cursor:pointer;font-size:15px;list-style:none}.profile-details>summary::-webkit-details-marker{display:none}.profile-details>summary>span:last-child{display:flex;gap:15px;align-items:center;font-size:13px;color:#8b939d}.profile-details[open]>summary svg{transform:rotate(45deg)}.profile-details .about{border:0;padding-top:35px;padding-bottom:45px}.profile-details>summary:focus-visible{outline:2px solid #4489e2;outline-offset:4px}@media(min-width:701px)and (max-width:1100px){.header .nav,.header.is-scrolled .nav{gap:12px;font-size:12px}.header-download{display:none}.header .brand{font-size:25px}.header-actions .nav-contact{padding:11px 14px}.course-card{padding:25px}.course-card h3{font-size:23px}.exchange-grid{gap:20px}.exchange-grid h3{font-size:19px}.exchange-grid img{height:190px}.profile-details{margin-left:38px;margin-right:38px}}@media(max-width:700px){.header .nav,.header.is-scrolled .nav{gap:22px}.design-section .work-grid{grid-template-columns:1fr;gap:32px}.design-section .work-card:first-child .work-cover{aspect-ratio:1.55}.exchange-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.exchange-grid img{height:240px;margin-bottom:18px}.exchange-grid h3{font-size:23px}.exchange-grid p{font-size:15px}.training-feature{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:30px}.training-feature h3{font-size:24px}.training-feature p:not(.eyebrow){font-size:15px}.course-grid{grid-template-columns:1fr;margin-top:30px}.course-card{padding:27px;min-height:340px}.course-card h3{font-size:24px}.course-card .course-english{font-size:21px}.course-publication{grid-template-columns:1fr;gap:28px;margin-top:35px}.course-publication h3{font-size:24px}.profile-details{margin-left:24px;margin-right:24px;margin-bottom:40px}.profile-details>summary{font-size:14px}.profile-details>summary>span:last-child{font-size:11px}.profile-details .about{padding-left:0;padding-right:0}}.portrait-hero .hero-portrait-fox{position:absolute;right:3%;bottom:0;height:94%;width:62%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;z-index:-1;filter:drop-shadow(0 0 14px #8ba7df18)}.portrait-hero .cinema-shade{background:linear-gradient(90deg,#0008,transparent 48%);z-index:0}.portrait-hero .cinema-copy{z-index:1}@media(max-width:1100px)and (min-width:701px){.portrait-hero .hero-portrait-fox{width:62%;height:85%;right:0}.portrait-hero .hero-chinese{font-size:80px}}@media(max-width:700px){.portrait-hero .hero-portrait-fox{top:12px;bottom:auto;right:0;width:100%;height:65%;-o-object-position:center top;object-position:center top}.portrait-hero .cinema-shade{background:linear-gradient(0deg,#000 28%,transparent 64%)}.portrait-hero .cinema-copy{bottom:54px}}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-frost\/10:hover{background-color:#d7e2ea1a}@media(min-width:640px){.sm\:left-\[2\%\]{left:2%}.sm\:left-\[6\%\]{left:6%}.sm\:right-\[2\%\]{right:2%}.sm\:right-\[6\%\]{right:6%}.sm\:w-\[140px\]{width:140px}.sm\:w-\[160px\]{width:160px}.sm\:w-\[170px\]{width:170px}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.md\:left-\[10\%\]{left:10%}.md\:left-\[4\%\]{left:4%}.md\:right-\[10\%\]{right:10%}.md\:right-\[4\%\]{right:4%}.md\:w-\[180px\]{width:180px}.md\:w-\[210px\]{width:210px}.md\:w-\[220px\]{width:220px}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}:root{color:#24324f;background:#fff;--ink:#24324f;--blue:#4267de;--muted:#63718b;--line:#e3eafa}body,.projects-section,.design-section,.publication-section,.exchange-section,.courses-section{background:#fff;color:var(--ink)}::-moz-selection{background:#dce5ff;color:#25365e}::selection{background:#dce5ff;color:#25365e}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--blue)}.header,.header.is-scrolled{background:#ffffffed;color:var(--ink);border:1px solid #e8edfa;box-shadow:0 8px 32px #4164a009;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.header .brand-period,.header.is-scrolled .brand-period{color:#7186ed}.nav a:hover,.text-link:hover{color:var(--blue)}.header .nav-contact,.header.is-scrolled .nav-contact{background:#edf2ff;color:#3659c5;border:1px solid #dce5ff}.portrait-hero{background:#fff;color:var(--ink);border:0;border-radius:0;margin:82px 0 0}.portrait-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(ellipse at 77% 48%,#e6eaff 0,transparent 49%),radial-gradient(ellipse at 15% 90%,#e8f7ff 0,transparent 40%),radial-gradient(#799be52b .8px,transparent .8px);background-size:auto,auto,24px 24px;pointer-events:none}.portrait-hero:after{content:"";position:absolute;width:600px;height:600px;right:3%;top:9%;border:1px solid #aabdf66b;border-radius:50%;box-shadow:0 0 0 32px #ffffff38,0 0 0 33px #c0cef62e;z-index:-2;pointer-events:none}.portrait-hero .hero-portrait-fox{filter:drop-shadow(0 12px 30px #6b82c528)}.portrait-hero .cinema-shade{background:linear-gradient(90deg,#ffffff40,transparent 50%);pointer-events:none}.portrait-hero h1{color:#657ce2;font-weight:500}.portrait-hero .hero-chinese{color:var(--ink);font-weight:500}.portrait-hero .hero-credentials{color:#5b6d8d}.hero-credentials>span{background:#b8c8e7}.hero-welcome{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce5ff;border-radius:99px;background:#ffffffb8;padding:9px 15px;color:#6579b6;font:12px/1.5 monospace;letter-spacing:1.5px;margin:0 0 28px}.hero-welcome i{width:7px;height:7px;border-radius:50%;background:#8a9eec;box-shadow:0 0 0 4px #e9edff}.hero-signature{font-size:14px;letter-spacing:3px;color:#7787a5;margin:25px 0 0}.pill.light,.pill.dark{background:#5275e6;color:#fff;box-shadow:0 6px 18px #5378e525}.pill.glass{background:#fff;color:#546998;border:1px solid #d9e2f7}.pill.light:hover{background:#4162cf}.pill.glass:hover{background:#eef3ff}.portfolio-directory{background:#fff;color:var(--ink);border:0;border-radius:0;margin:0}.directory-backdrop{background:radial-gradient(ellipse at 50% 60%,#e5edff 0,transparent 67%),linear-gradient(#fff,#fff)}.portfolio-directory:before{background:radial-gradient(#819dd52b .8px,transparent .8px);background-size:24px 24px}.directory-heading p,.directory-heading h2 span,.directory-heading .directory-hint,.directory-hint span,.directory-bottom>span{color:#657b9e}.directory-heading h2{font-weight:500}.directory-ticket{border:1px solid #d5e1f7;box-shadow:0 12px 32px #516daa20}.directory-ticket.ice{background:linear-gradient(145deg,#fff,#f0f6ff);color:#263d64}.directory-ticket.blue{background:linear-gradient(145deg,#e0ebff,#cddfff);color:#263d64}.directory-ticket.selected,.directory-ticket.blue.selected{box-shadow:0 0 0 2px #fff,0 18px 42px #5478c938}.ticket-code,.ticket-detail,.ticket-bottom,.directory-ticket.blue .ticket-code,.directory-ticket.blue .ticket-detail,.directory-ticket.blue .ticket-bottom{color:#546d95}.ticket-rule,.ticket-bottom,.directory-ticket.blue .ticket-rule,.directory-ticket.blue .ticket-bottom,.ticket-image{border-color:#9db2d85e}.ticket-rule:before,.ticket-rule:after{background:#f2f7ff;border:1px solid #dce6f7}.ticket-image{border-radius:9px}.ticket-image>span{background:#6485e1}.directory-bottom>a,.directory-bottom>a:hover{color:#486dc3}.directory-pagination button{background:#fff;border-color:#dbe5fa;color:#6480ae}.directory-pagination button[aria-pressed=true]{background:#6182e9;border-color:#6182e9;box-shadow:0 5px 18px #6182e92a}.projects-section,.design-section,.publication-section,.exchange-section,.courses-section{border-bottom:1px solid #edf1f9}.section-title .eyebrow{display:inline-flex;background:#f0f4ff;color:#647fc1;border:1px solid #e3eafd;border-radius:99px;padding:8px 13px;letter-spacing:1.2px}.section-title h2{font-weight:500;color:var(--ink)}.section-intro,.design-note,.work-card>p,.paper p,.exchange-grid p,.training-feature p:not(.eyebrow),.course-publication p:not(.eyebrow){color:var(--muted)}.filters button{background:#f3f6fc;color:#63779a;border:1px solid #e7edfa}.filters button.active{background:#5a7de3;color:#fff;border-color:#5a7de3}.filters button:hover{border-color:#a3b7ef}.search{border:1px solid #e2e9f6;border-radius:99px;padding:10px 15px;color:#7f92b5;background:#fbfcff}.search input{color:var(--ink)}.work-card{padding:12px 12px 23px;border:1px solid #e7edf8;border-radius:24px;background:#fff;box-shadow:0 7px 28px #34589906;transition:box-shadow .25s,border-color .25s}.work-card:hover{border-color:#bbccef;box-shadow:0 12px 30px #5978b612}.work-cover,.design-section .work-cover{border-radius:16px;background:#f5f8ff}.work-cover.contain,.design-section .work-cover.contain{background:#f7f9fe}.work-meta,.work-title,.work-card>p{margin-left:10px;margin-right:10px}.work-title{width:calc(100% - 20px)}.work-meta,.result-count{color:#7183a1}.work-title h3{font-weight:500}.work-title svg,.work-open{color:#6984cc}.archive,.archive-list article,.paper-list,.paper,.book-row,.training-feature,.profile-details{border-color:var(--line)}.paper{border-radius:12px;padding-left:12px;padding-right:12px}.paper:hover{background:#f8faff}.paper-index{color:#6986ce}.paper-year,.paper-type{color:#6a7c9c}.paper-type{background:#f4f7ff;border-color:#dfe8fc}.paper:target{background:#edf3ff;outline-color:#edf3ff}.outline-button{background:#fff;border-color:#dbe5f8;color:#536ead}.outline-button:hover{background:#f1f5ff}.book-row>div{background:#f8faff;border:1px solid #e8eef9;padding:22px;border-radius:22px}.exchange-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px 16px 24px}.exchange-grid article>span,.exchange-grid h3,.exchange-grid p,.exchange-grid small{margin-left:8px;margin-right:8px}.exchange-grid img,.training-feature>img,.course-publication img{border-radius:16px}.exchange-grid>article,.training-feature{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.exchange-grid .evidence-link,.exchange-grid .evidence-link svg{transition:color .2s ease,transform .25s ease}.exchange-grid>article:focus-within{transform:translateY(-6px);border-color:#91afe8;box-shadow:0 16px 32px #406ba51a;background-color:#f7faff}.exchange-grid>article:focus-within .evidence-link{color:#245fba}.exchange-grid>article:focus-within .evidence-link svg{transform:translate(3px,-3px)}@media(hover:hover)and (pointer:fine){.exchange-grid>article:hover{transform:translateY(-6px);border-color:#91afe8;box-shadow:0 16px 32px #406ba51a;background-color:#f7faff}.exchange-grid>article:hover .evidence-link{color:#245fba}.exchange-grid>article:hover .evidence-link svg{transform:translate(3px,-3px)}.training-feature:hover{transform:translateY(-4px);border-color:#91afe8;background-color:#f7faff;box-shadow:0 14px 28px #406ba512}}@media(prefers-reduced-motion:reduce){.exchange-grid>article,.training-feature,.exchange-grid .evidence-link,.exchange-grid .evidence-link svg{transition:none}.exchange-grid>article:hover,.exchange-grid>article:focus-within,.training-feature:hover,.exchange-grid>article:hover .evidence-link svg,.exchange-grid>article:focus-within .evidence-link svg{transform:none}}.course-card,.course-card:nth-child(2){background:linear-gradient(135deg,#f7faff,#edf3ff);color:var(--ink);border-color:#e0e8fa;border-radius:26px;position:relative;overflow:hidden}.course-card:nth-child(2){background:linear-gradient(135deg,#fcfaff,#f0eeff);border-color:#e7e2fa}.course-top,.course-card:nth-child(2) .course-top{color:#637dac}.course-card .course-english,.course-card:nth-child(2) .course-english{color:#7d90c1;position:relative;z-index:1}.course-card h3{font-weight:500}.course-related{border-color:#cbd8ee}.course-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.course-related button{transition:color .2s ease}.course-related button svg{transition:transform .25s ease}.course-card:focus-within{transform:translateY(-6px);border-color:#91afe8;box-shadow:0 16px 32px #406ba51a}.course-card:focus-within .course-related button{color:#245fba}.course-card:focus-within .course-related button svg{transform:translate(3px,-3px)}@media(hover:hover)and (pointer:fine){.course-card:hover{transform:translateY(-6px);border-color:#91afe8;box-shadow:0 16px 32px #406ba51a}.course-card:nth-child(2):hover{border-color:#b6a4e8;box-shadow:0 16px 32px #7056a51a}.course-card:hover .course-related button{color:#245fba}.course-card:hover .course-related button svg{transform:translate(3px,-3px)}.course-related button:hover{text-decoration:underline;text-underline-offset:5px}}@media(prefers-reduced-motion:reduce){.course-card,.course-related button,.course-related button svg{transition:none}.course-card:hover,.course-card:focus-within,.course-card:hover .course-related button svg,.course-card:focus-within .course-related button svg{transform:none}}.text-link{color:#526eaa;border-color:#b6c7ec}.contact{background:#fff;color:var(--ink);border:0;border-radius:0;margin:0}.contact:before{background:radial-gradient(ellipse at 90% 60%,#e7e6ff,transparent 55%),radial-gradient(#91a7d52b .8px,transparent .8px);background-size:auto,22px 22px}.contact .eyebrow,.contact-bottom{color:#6b7e9c}.contact-bottom a{color:#4264b6}.contact-circle{background:#fff;color:#5c7dd6;border:1px solid #d7e2fa;box-shadow:0 8px 25px #678ae018}.contact-circle:hover{background:#eaf0ff}.footer,.footer>a:first-child{color:#6a7c99}.case-dialog{color:var(--ink);border:1px solid var(--line);border-radius:24px}.case-outcome,.gallery-main{background:#f3f7ff}.case-bar{color:#6179ac}.gallery-thumbs button[aria-pressed=true]{border-color:#6c8ce6}.image-viewer,.image-viewer::backdrop{background:#f9fbfffa}.image-viewer,.image-viewer button,.image-viewer p{color:var(--ink)}@media(max-width:700px){.header .nav,.header.is-scrolled .nav{background:#fffffff5;color:var(--ink);border:1px solid var(--line)}.portrait-hero{border-radius:0;margin:72px 0 0}.portrait-hero:after{width:340px;height:340px;top:55px;right:calc(50% - 170px)}.portrait-hero .cinema-shade{background:linear-gradient(0deg,#fff 28%,#ffffffed 33%,transparent 65%)}.portrait-hero .cinema-copy{bottom:38px}.hero-welcome{font-size:10px;padding:6px 10px;margin-bottom:13px;letter-spacing:1px}.hero-signature{font-size:12px;margin-top:18px;letter-spacing:2px}.portrait-hero .hero-chinese{font-size:54px}.portrait-hero .hero-credentials{margin:16px 0 20px}.portfolio-directory,.contact{border-radius:0;margin:0}.directory-ticket.selected{box-shadow:0 12px 30px #5478c928}.work-card{padding:10px 10px 20px}.exchange-grid article{padding:12px 12px 22px}.book-row>div{padding:17px}.case-dialog{border-radius:0}}@media(prefers-reduced-motion:reduce){.work-card{transition:none}}@media(max-width:700px){.portrait-hero .hero-portrait-fox{mask-image:linear-gradient(#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 72%,transparent 100%)}}.portrait-hero:before,.portfolio-directory:before,.directory-backdrop,.contact:before{mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent)}.portrait-hero .hero-portrait-fox{mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}@media(max-width:700px){.portrait-hero .hero-portrait-fox{mask-image:linear-gradient(#000 72%,transparent);-webkit-mask-image:linear-gradient(#000 72%,transparent)}}.professional-section{background:#fff;border-bottom:1px solid var(--line)}.professional-timeline{margin-top:40px;border-top:1px solid var(--line)}.professional-timeline article{display:grid;grid-template-columns:240px 1fr;gap:35px;padding:32px 0;border-bottom:1px solid var(--line)}.practice-date{font-size:16px;color:#647ba3;display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding-top:4px}.practice-date small{border:1px solid #dce7fa;background:#f1f6ff;color:#4e72c9;padding:4px 10px;border-radius:99px;font-size:13px}.practice-tag{font-size:13px;letter-spacing:1px;color:#7b8eaf;margin:0 0 12px}.professional-timeline h3{font-size:23px;font-weight:500;line-height:1.6;margin:0 0 12px}.practice-role{font-size:17px;color:#62728e;margin:0}.ticket-symbol{height:100%;display:grid;place-items:center;color:#5d7dc2;background:radial-gradient(circle,#ffffffdb,transparent 75%)}.directory-ticket:last-child h3{font-size:22px}.header .nav{gap:16px}.header.is-scrolled .nav{gap:14px}@media(min-width:701px)and (max-width:1100px){.header .nav,.header.is-scrolled .nav{gap:9px}.header-actions{display:none}.header{grid-template-columns:auto 1fr}.header .nav{justify-self:end}}@media(max-width:700px){.professional-timeline article{grid-template-columns:1fr;gap:17px;padding:26px 0}.practice-date{flex-direction:row;align-items:center}.professional-timeline h3{font-size:20px}.header .nav,.header.is-scrolled .nav{gap:20px}}.journey-hero:has(.video-scene){background:#3f73b8}.journey-hero:has(.video-scene):before{background:linear-gradient(to bottom,#749cd100 66%,#749cd138 76%,#749cd1a6 87%,#749cd1ed 96%,#749cd1),radial-gradient(ellipse 65% 78% at 68% 49%,#fff,#f5faff,#dfedfc 28%,#abc8ee 44%,#729bd1 68%,#3f73b8)}.journey-hero:has(.video-scene):after{content:none}.header:not(.is-scrolled){background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.header.is-scrolled{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.journey-hero .journey-secondary,.header .nav-contact{background:#f4f8ff;border:1px solid transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#174a80}.journey-hero .journey-secondary:hover,.header .nav-contact:hover{background:#fff;box-shadow:none}.journey-hero .journey-primary{background:#0865e8;box-shadow:none}.journey-hero .journey-degree,.journey-hero .journey-interests,.journey-hero .journey-eyebrow{color:#254e7b}.portrait-passage{height:220px;background:linear-gradient(#749cd1,#789fd2 10%,#89abd9 24%,#a5bee3 42%,#c9daf0 63%,#e6eff9 81%,#f3f8fe 94%,#f6faff);color:#3d5f87}.journey-world .portfolio-directory{background:linear-gradient(#f6faff,#fff)}@media(max-width:700px){.portrait-passage{height:170px}}.journey-hero .video-scene{mix-blend-mode:normal;isolation:isolate}.journey-hero .video-scene:before{content:"";position:absolute;top:-3%;right:-6%;bottom:2%;left:-9%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 42%,#ffffff99 0%,#f4faff66 40%,transparent 76%);filter:blur(30px)}.journey-hero .video-scene .video-portrait{mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 23%,#000 78%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 23%,#000 78%,transparent 100%)}.journey-hero .video-scene:after{content:none}.journey-hero canvas.hero-video{filter:drop-shadow(0 0 9px #ffffffb3) drop-shadow(0 0 28px #f2f8ff8c)}@media(max-width:700px){.journey-hero:has(.video-scene):before{background:linear-gradient(to bottom,#749cd100 74%,#749cd14d,#749cd1d9 94%,#749cd1),radial-gradient(ellipse 95% 53% at 52% 70%,#fff,#f5faff 16%,#dfedfc 30%,#abc8ee 47%,#729bd1 72%,#3f73b8)}.header .nav.open{background:#f4f8ff;backdrop-filter:none;-webkit-backdrop-filter:none}.journey-hero .video-scene:before{top:-3%;right:-9%;bottom:0;left:-9%;filter:blur(18px)}.journey-hero .video-scene .video-portrait{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}}.journey-copy h1>span{color:#fff}.journey-copy .journey-tagline{color:#fff}@media(min-width:1101px){.journey-copy{margin-left:max(8%,calc((100vw - 1320px)/2));width:35%}}@media(min-width:701px)and (max-width:1100px){.journey-copy{margin-left:6%;width:37%}}.hero-name-cn{display:block;font:inherit;letter-spacing:inherit}.hero-tagline-line{display:block}@keyframes hero-line-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.journey-copy .journey-eyebrow,.journey-copy h1>span,.journey-copy .hero-name-cn,.journey-copy .journey-degree,.journey-copy .hero-tagline-line,.journey-copy .journey-interests,.journey-copy .journey-actions{animation:hero-line-rise .75s cubic-bezier(.22,1,.36,1) var(--line-delay,0s) backwards}.journey-copy .journey-eyebrow{--line-delay:.1s}.journey-copy h1>span{--line-delay:.28s}.journey-copy .hero-name-cn{--line-delay:.46s}.journey-copy .journey-degree{--line-delay:.64s}.journey-copy .hero-tagline-line:first-child{--line-delay:.82s}.journey-copy .hero-tagline-line:last-child{--line-delay:1s}.journey-copy .journey-interests{--line-delay:1.18s}.journey-copy .journey-actions{--line-delay:1.36s}.journey-copy:focus-within *{animation:none!important}}@media(max-width:700px){.hero-name-cn{display:inline-block}}.journey-copy .journey-degree{font-weight:700}.header .nav,.header .header-actions{font-size:15px}.header.is-scrolled .nav,.header.is-scrolled .header-actions{font-size:14px}@media(min-width:701px)and (max-width:1100px){.header .nav,.header.is-scrolled .nav{font-size:14px}}@media(max-width:700px){.header .nav,.header.is-scrolled .nav{font-size:17px}}@media(min-width:1101px){.journey-copy{width:48%;max-width:720px}.journey-copy h1{display:flex;align-items:baseline;gap:26px;font-size:clamp(58px,5.3vw,78px);letter-spacing:1px;white-space:nowrap}.journey-copy h1>span{font-size:clamp(52px,4.8vw,70px);margin-bottom:0;letter-spacing:-2px}.journey-copy .hero-name-cn{display:inline-block}.journey-copy .journey-tagline{font-size:calc(clamp(19px,1.55vw,23px) + 2px);letter-spacing:.5px;white-space:nowrap}.journey-copy .hero-tagline-line{display:inline-block}.journey-copy .journey-interests{font-size:15px;letter-spacing:1.5px}.journey-copy .journey-degree{margin-top:25px;margin-bottom:30px}}.journey-hero .journey-copy h1,.journey-hero .journey-copy h1>span,.journey-hero .journey-copy .hero-name-cn,.journey-hero .journey-copy .joyi-dot{color:#fff}@media(prefers-reduced-motion:no-preference){.journey-copy .hero-name-cn{--line-delay:.28s}.journey-copy h1>span{--line-delay:.46s}}@media(max-width:700px){.journey-copy h1>span{margin:0 0 0 15px}}.journey-hero .journey-copy .hero-introduction{font-size:18px;line-height:1.95;letter-spacing:.3px;white-space:normal;max-width:530px;margin:0;color:#102f50;text-wrap:pretty}.journey-hero .journey-degree{color:#163858;font-weight:500;font-size:19px;letter-spacing:1px}.journey-hero .journey-eyebrow{color:#163858}.journey-hero .journey-interests{color:#163858;font-size:14px;letter-spacing:1px;margin:24px 0 32px}.journey-hero .journey-primary{background:#f3f8ff;color:#174a80;border:1px solid #f3f8ff;box-shadow:none}.journey-hero .journey-primary:hover{background:#fff}.journey-hero .journey-secondary{background:#ffffff26;color:#163858;border:1px solid #16385866;box-shadow:none}.journey-hero .journey-secondary:hover{background:#ffffff1a}.journey-hero .hero-bottom-bar{border-top:0;padding-top:18px}.journey-hero .hero-bottom-bar>a,.journey-hero .hero-bottom-bar button{color:#163858}.header:not(.is-scrolled) .brand{color:#fff}.header:not(.is-scrolled) .nav>a,.header:not(.is-scrolled) .menu-toggle{color:#163858}.header:not(.is-scrolled) .nav>a[aria-current=location]{color:#102f50;border-bottom-color:#102f50}@media(min-width:1101px){.journey-hero .journey-copy{width:43%;max-width:650px;margin-left:max(7%,calc((100vw - 1440px)/2))}.journey-hero .journey-copy h1{gap:22px;font-size:clamp(56px,5.1vw,80px)}.journey-hero .journey-copy h1>span{font-size:clamp(44px,3.9vw,60px)}.journey-hero .journey-degree{margin:22px 0 34px}.journey-hero .video-scene{right:1%;width:56%}}@media(min-width:701px)and (max-width:1100px){.journey-hero .journey-copy{width:43%;margin-left:6%}.journey-hero .journey-copy .hero-introduction{font-size:17px}.journey-hero .journey-interests{font-size:13px;letter-spacing:0}}@media(max-width:700px){.journey-hero .journey-copy .hero-introduction{font-size:16px;line-height:1.9;max-width:480px}.journey-hero .journey-degree{font-size:15px;margin:18px 0 23px}.journey-hero .journey-interests{font-size:12px;letter-spacing:0;margin:18px 0 24px}.header:not(.is-scrolled) .nav.open>a{color:#244767}.journey-hero{padding-bottom:530px}}@media(prefers-reduced-motion:no-preference){.journey-copy .hero-introduction{animation:hero-line-rise .75s cubic-bezier(.22,1,.36,1) .82s backwards}}.journey-world .journey-hero{filter:none;opacity:1}.journey-world .journey-hero>.journey-copy,.journey-world .journey-hero>.video-scene,.journey-world .journey-hero>.hero-bottom-bar{filter:blur(var(--hero-scroll-blur,0px));opacity:var(--hero-scroll-opacity,1)}.journey-world .portfolio-directory{opacity:1;translate:none}.journey-world .portfolio-directory>.directory-heading,.journey-world .portfolio-directory>.directory-fan,.journey-world .portfolio-directory>.directory-bottom{opacity:var(--directory-enter-opacity,1);translate:0 var(--directory-enter-y,0px)}.journey-world .journey-hero:focus-within>.journey-copy,.journey-world .journey-hero:focus-within>.hero-bottom-bar{filter:none;opacity:1}.journey-world .portfolio-directory:focus-within>.directory-heading,.journey-world .portfolio-directory:focus-within>.directory-fan,.journey-world .portfolio-directory:focus-within>.directory-bottom{opacity:1;translate:none}@media(prefers-reduced-motion:reduce){.journey-world .journey-hero>.journey-copy,.journey-world .journey-hero>.video-scene,.journey-world .journey-hero>.hero-bottom-bar{filter:none;opacity:1}.journey-world .portfolio-directory>.directory-heading,.journey-world .portfolio-directory>.directory-fan,.journey-world .portfolio-directory>.directory-bottom{opacity:1;translate:none}}.header .nav>a{font-weight:700}.journey-hero .video-scene{transform:scale(1.12);transform-origin:50% 100%}@media(min-width:701px){.journey-hero .video-scene{transform:translate(-5vw) scale(1.12)}}@media(max-width:700px){.journey-hero .video-scene{transform:scale(1.06)}}body :is(.exchange-grid article>span,.exchange-grid small,.eyebrow,.project-summary-organization,.project-summary-date,.project-toggle,.project-visual figcaption,.project-placeholder small,.publication-meta,.publication-journal,.publication-abstract-label,.course-top,.course-related>span,.course-related button,.timeline article>span,.timeline small,.exchange p,.about-profile>p,.text-link,.source-note,.case-bar>span,.case-facts span,.case-outcome>span,.gallery-top>span,.gallery-main>span,.gallery-controls p,.marquee-heading>span,.marquee-controls>span,.work-meta,.design-note,.practice-gallery-hint,.practice-gallery-hint>span,.practice-card-top,.practice-photo-placeholder>span,.practice-photo-placeholder>small,.practice-card-tag,.practice-card-role,.practice-card-footer,.practice-back-fact small,.practice-back-fact em,.practice-back-note,.directory-heading p,.directory-bottom>span,.directory-bottom>a,.ticket-detail,.ticket-bottom>span:first-child,.profile-details>summary>span:last-child,.footer,.footer>a:first-child span){font-size:16px;line-height:1.75}body .exchange-grid article>span{font-size:17px;display:block}body .journey-hero .journey-copy .journey-eyebrow,body .journey-hero .journey-copy .journey-interests,body .journey-hero .hero-bottom-bar>a,body .journey-hero .hero-bottom-bar button{font-size:16px;line-height:1.75}body .project-summary-organization,body .project-summary-date{overflow-wrap:anywhere}body .practice-card-top,body .directory-heading p{letter-spacing:1px}@media(max-width:700px){body .journey-hero .journey-copy .journey-interests{letter-spacing:0}body .directory-heading{flex-wrap:wrap}body .course-top{flex-wrap:wrap;gap:8px}}html{scroll-padding-top:88px}body .section{padding-top:48px}@media(max-width:700px){html{scroll-padding-top:80px}body .section{padding-top:32px}}body .gallery-controls button{display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;background:#edf4ff;color:#254e7b;border-color:#bdd0eb;font-size:16px;white-space:nowrap}body .gallery-controls button[hidden]{display:none}body .gallery-thumbs button[aria-pressed=true]{border:2px solid #3976c4;background:#edf4ff;box-shadow:0 0 0 2px #dbe9fc}body .gallery-thumbs button{width:110px;height:76px}body .journey-hero .journey-primary,body .journey-hero .journey-secondary{font-weight:700}body .header .nav{font-size:17px}body .header.is-scrolled .nav{font-size:16px}@media(min-width:701px)and (max-width:1100px){body .header .nav,body .header.is-scrolled .nav{font-size:15px;gap:9px}}@media(max-width:700px){body .header .nav,body .header.is-scrolled .nav{font-size:19px}}.about-content>p.about-biography{color:#000;opacity:1;line-height:2;margin-bottom:20px}.about-content>h3.about-intro-heading{font-size:clamp(18px,1.7vw,25px);letter-spacing:0;white-space:nowrap}@media(max-width:700px){.about-content>h3.about-intro-heading{font-size:clamp(12px,3.3vw,23px)}}.timeline h3,.timeline .exchange b{font-weight:700}.timeline h3.education-school-lab{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.timeline h3.education-school-lab>span{font-size:14px;font-weight:400;color:#666;letter-spacing:0}.about .timeline article>span,.about .timeline p,.about .timeline small,.about .timeline h3.education-school-lab>span{color:#4f4f4f}.case-introduction{margin:28px 0 36px;padding:26px 28px;background:#eaf2ff;border:1px solid #d5e4fa;border-radius:16px}.case-introduction h3{font-size:20px;margin:0 0 18px}.case-introduction-body{min-height:100px}.case-introduction-body p{font-size:18px;line-height:2;color:#24334b;margin:0 0 16px;overflow-wrap:anywhere}.case-introduction-body p:last-child{margin-bottom:0}@media(max-width:700px){.case-introduction{padding:22px 20px}}.exchange-grid>article>h3{font-weight:700;line-height:1.6;overflow-wrap:anywhere}.software-tools{margin-top:36px;padding-top:24px;border-top:1px solid #dfe7f2;max-width:380px}.software-tools h4{margin:0 0 20px;font-size:18px;font-weight:700;color:#263c5a}.software-tools ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px;list-style:none;margin:0;padding:0}.software-tools li{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;min-width:0}.about-profile .software-tools img{display:block;width:48px;height:48px;max-width:none;-o-object-fit:contain;object-fit:contain;border-radius:0;margin:0;box-shadow:none}.software-tools li span{font-size:14px;line-height:1.5;color:#425b79;letter-spacing:0}@media(max-width:700px){.software-tools{max-width:100%;margin-top:28px}.software-tools ul{gap:20px 8px}}.gallery-groups{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.gallery-groups button{padding:9px 14px;border:1px solid #dce6f1;border-radius:20px;font-size:16px;color:#395575;background:#f7faff;line-height:1.5}.gallery-groups button[aria-pressed=true]{background:#244767;color:#fff;border-color:#244767}body .directory-heading h2 span{font-size:14px;line-height:1.75}.contact{min-height:clamp(340px,26vw,440px);padding:32px 0;background:#fff;display:flex;align-items:center}.contact:before{inset:0 0 0 auto;height:100%;width:100%;max-width:none;margin:0;background:linear-gradient(90deg,#f5f9fff5,#f5f9ffe8 25%,#f5f9ff99 36%,#f5f9ff00 49%),url(/images/joyi-closing-soft.png) center center/cover no-repeat;filter:blur(1.5px);mask-image:linear-gradient(to bottom,transparent 8%,#00000014 17%,#00000059 28%,#000000bf 40%,#000 52%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 8%,#00000014 17%,#00000059 28%,#000000bf 40%,#000 52%,#000 85%,transparent 100%)}.contact .contact-row{max-width:43%;display:block}.contact h2{font-size:clamp(28px,2.5vw,40px);line-height:1.4;text-wrap:balance;margin:16px 0}.contact .contact-circle{width:48px;height:48px;margin:12px 0}.contact .contact-bottom{max-width:40%;flex-direction:column;align-items:flex-start;gap:12px;color:#304b70}.contact .contact-bottom p{line-height:1.8;margin:0}.contact .eyebrow{color:#42618b}@media(max-width:600px){.contact{min-height:460px;padding:28px 0 240px;align-items:flex-start;background:#fff}.contact:before{inset:auto 0 0;height:230px;width:100%;aspect-ratio:auto;background:url(/images/joyi-closing-soft.png) center center/auto 308px no-repeat;mask-image:linear-gradient(to bottom,transparent 4%,#0000001a 14%,#00000066 24%,#000000cc 34%,#000 44%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 4%,#0000001a 14%,#00000066 24%,#000000cc 34%,#000 44%,#000 88%,transparent 100%)}.contact .contact-row,.contact .contact-bottom{max-width:100%}.contact .contact-row{display:flex;align-items:center;gap:20px}.contact h2{font-size:26px;margin:14px 0}.contact .contact-circle{width:50px;height:50px;flex-shrink:0}}body .wrap{width:100%;max-width:1680px;padding-inline:clamp(24px,4vw,80px)}body .profile-details{width:calc(100% - clamp(48px,8vw,160px));max-width:1520px;margin-inline:auto;border-bottom:0}.about{gap:clamp(32px,5vw,80px);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.about-content,.about-profile,.course-card,.exchange-grid>article{min-width:0}.about-content>h3.about-intro-heading{white-space:normal;font-size:clamp(20px,1.7vw,25px);line-height:1.6}.course-grid,.exchange-grid{gap:clamp(20px,2vw,32px)}.course-card{padding:clamp(24px,2.5vw,40px)}.course-card .course-english{overflow-wrap:anywhere}.case-dialog{max-width:100vw}.case-content{padding-inline:clamp(22px,4vw,55px)}@media(min-width:1700px){.journey-hero .journey-copy{margin-left:max(7%,calc((100vw - 1680px)/2 + 80px))}.journey-hero .video-scene{width:min(56%,1080px);right:max(1%,calc((100vw - 1920px)/2));transform:translate(-85px) scale(1.12)}}@media(min-width:701px)and (max-width:1100px){.journey-world .journey-hero{display:block;height:auto;min-height:1000px;max-height:none;padding-top:120px;padding-bottom:540px}.journey-hero .journey-copy{width:auto;max-width:650px;margin-inline:48px}.journey-hero .journey-copy h1{display:flex;align-items:baseline;gap:24px;font-size:60px;white-space:normal}.journey-hero .journey-copy h1>span{font-size:48px;margin:0}.journey-hero .journey-copy .hero-introduction{max-width:600px;font-size:18px}.journey-hero .video-scene{top:auto;bottom:55px;height:470px;width:90%;right:5%;transform:scale(1.06)}.about{grid-template-columns:1fr;gap:40px}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card .course-english{font-size:20px}}@media(min-width:1101px)and (max-height:800px){.journey-world .journey-hero{min-height:660px;height:100svh}}@media(max-width:700px){.about{grid-template-columns:1fr}body .profile-details .about{padding-inline:0}.gallery-controls{flex-wrap:wrap;justify-content:space-between}.gallery-controls p{order:1;flex-basis:100%;text-align:center;margin:0}.section-heading-row,.practice-gallery-hint{flex-wrap:wrap}}:root{--homepage-background:#fcfcfa;--navigation-ink:#173857}.header.editorial-header{position:fixed;left:0;right:0;top:0;width:100%;max-width:none;height:76px;margin:0;padding:0 3%;display:flex;align-items:center;gap:24px;background:var(--homepage-background);border:0;border-radius:0;color:#173857;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:width .35s,top .35s,height .35s,padding .35s,border-radius .35s,box-shadow .35s}.header.editorial-header.is-scrolled{top:14px;width:min(1180px,calc(100% - 40px));height:58px;margin:0 auto;padding:0 22px;border:1px solid #dce1dc;border-radius:99px;box-shadow:0 6px 24px #17385712}.editorial-header .brand{position:static;transform:none;font-size:29px;letter-spacing:-1.5px;color:#173857;flex-shrink:0}.editorial-header.is-scrolled .brand{font-size:23px;color:#173857}.header.editorial-header .brand>span,.editorial-header .brand-period{color:#173857!important}.editorial-header .brand small{display:none}.header.editorial-header .nav,.header.editorial-header.is-scrolled .nav{margin:0 auto;display:flex;align-items:center;gap:22px;font-size:16px;font-weight:700;white-space:nowrap}.header.editorial-header .nav>a{color:var(--navigation-ink)}.header.editorial-header .nav>a:hover{color:#3284d5}.header.editorial-header .nav>a[aria-current=location]{color:#173857;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}.editorial-header .header-actions,.editorial-header.is-scrolled .header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.editorial-header .header-download{display:block;font-size:14px;font-weight:600;color:#173857}.header.editorial-header .nav-contact{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;font-size:14px;background:transparent;border:1px solid #d6ddd9;border-radius:4px;color:#173857}.editorial-header .mobile-contact,.editorial-header .editorial-mobile-resume{display:none}.journey-world:has(.editorial-hero){background:var(--homepage-background)}.journey-world .editorial-hero{height:max(760px,100svh);min-height:760px;max-height:1120px;padding:0;display:block;background:var(--homepage-background);color:var(--ink);overflow:hidden;isolation:isolate;perspective:1600px}.journey-world .editorial-hero:before,.journey-world .editorial-hero:after{content:none}.editorial-watermark{position:absolute;z-index:0;left:7%;top:38%;width:90%;font-size:clamp(74px,10.8vw,188px);font-weight:900;line-height:.84;letter-spacing:-.065em;color:#e8edf7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editorial-orbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;perspective:1400px}.editorial-orbit-track{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.editorial-orbit-card{visibility:visible;position:absolute;left:50%;top:42%;width:32%;aspect-ratio:4/3;display:block;padding:0;overflow:hidden;border-radius:8px;border:1px solid #0f21150a;background:#fff;box-shadow:0 18px 42px #16281b16,0 3px 8px #16281b08;pointer-events:auto;transform-origin:center;animation:portfolio-orbit var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay);will-change:transform,opacity;text-align:left;backface-visibility:hidden}.editorial-orbit-card>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editorial-orbit-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fffffff2;color:var(--ink);font-size:14px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.editorial-orbit-card:hover .editorial-orbit-caption,.editorial-orbit-card:focus-visible .editorial-orbit-caption{opacity:1;transform:none}.editorial-orbit[data-playing=false] .editorial-orbit-card{animation-play-state:paused}@keyframes portfolio-orbit{0%,to{transform:translate(-50%,-50%) translate3d(85vw,180px,-300px) rotateY(-8deg) scale(.46);opacity:0;visibility:hidden}5%{transform:translate(-50%,-50%) translate3d(80vw,170px,-280px) rotateY(-8deg) scale(.48);opacity:0;visibility:hidden}10%{transform:translate(-50%,-50%) translate3d(68vw,144px,-240px) rotateY(-7deg) scale(.5);opacity:1;visibility:visible}20%{transform:translate(-50%,-50%) translate3d(51vw,108px,-180px) rotateY(-6deg) scale(.56);opacity:1;visibility:visible}30%{transform:translate(-50%,-50%) translate3d(34vw,72px,-110px) rotateY(-4deg) scale(.68);opacity:1;visibility:visible}40%{transform:translate(-50%,-50%) translate3d(17vw,36px,30px) rotateY(-2deg) scale(.86);opacity:1;visibility:visible}50%{transform:translate(-50%,-50%) translateZ(90px) rotateY(0) scale(1.05);opacity:1;visibility:visible}60%{transform:translate(-50%,-50%) translate3d(-17vw,-36px,30px) rotateY(2deg) scale(.86);opacity:1;visibility:visible}70%{transform:translate(-50%,-50%) translate3d(-34vw,-72px,-110px) rotateY(4deg) scale(.68);opacity:1;visibility:visible}80%{transform:translate(-50%,-50%) translate3d(-51vw,-108px,-180px) rotateY(6deg) scale(.56);opacity:1;visibility:visible}90%{transform:translate(-50%,-50%) translate3d(-68vw,-144px,-240px) rotateY(7deg) scale(.5);opacity:1;visibility:visible}95%{transform:translate(-50%,-50%) translate3d(-80vw,-170px,-280px) rotateY(8deg) scale(.48);opacity:0;visibility:hidden}}.editorial-portrait-card{background:radial-gradient(ellipse at 54% 45%,#fff,#e8f2ff 29%,#aac9ee 65%,#6d98d0);border-color:#7e9ec12b}.fox-portrait{position:absolute;top:12px;right:0;bottom:16px;left:0}.fox-portrait canvas{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.fox-portrait>video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.fox-portrait>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.editorial-portrait-label,.editorial-portrait-caption{position:absolute;left:18px;right:18px;z-index:2;color:#2a4657;pointer-events:none}.editorial-portrait-label{top:15px;font-size:11px;letter-spacing:.1em}.editorial-portrait-caption{bottom:12px;font-size:11px}.editorial-journal-card{background:#fff}.editorial-journal-card>img{padding:14px}.editorial-craft-card>img{-o-object-fit:cover;object-fit:cover}.editorial-motion-toggle{position:absolute;bottom:11%;right:5%;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:13px;border:1px solid #d9e2f7;border-radius:5px;background:var(--homepage-background);color:#5b6d8d}.editorial-identity{position:absolute;left:3%;bottom:7%;z-index:6;pointer-events:none}.editorial-identity>p{color:#6579b6;font-size:12px;letter-spacing:.12em;margin:0 0 10px}.editorial-hero .editorial-identity h1{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(45px,5.1vw,84px);line-height:1.07;letter-spacing:-.055em;font-weight:800;margin:0;color:var(--ink)}.editorial-hero .editorial-identity h1>span{display:flex;align-items:center;gap:14px;color:var(--ink);font-family:inherit}.editorial-hero .editorial-sticker{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;display:inline-block;border-radius:4px;background:#f7cd2b;color:var(--ink);padding:7px 10px;font-size:clamp(13px,1.3vw,22px);line-height:1;letter-spacing:-.035em;transform:rotate(-5deg);font-weight:900}.editorial-hero .editorial-identity h1>span:first-child{color:#657ce2}.editorial-hero .sticker-design{transform:rotate(4deg);font-size:clamp(13px,1.1vw,19px)}.editorial-intro{position:absolute;left:34%;bottom:7%;z-index:6;color:#5b6d8d}.editorial-intro p{font-size:22px;line-height:1.8;margin:0 0 8px}.editorial-intro p>strong{font-weight:700;color:var(--ink)}.editorial-intro p>span{margin:0 6px;color:#b8c8e7}.editorial-intro>span{font-size:16px;letter-spacing:.06em;color:var(--muted)}.editorial-intro>a{color:var(--blue);display:flex;align-items:center;gap:8px;font-size:16px;margin-top:16px;width:-moz-fit-content;width:fit-content}.editorial-contact{display:flex;flex-direction:column;gap:3px;margin-top:12px;font-style:normal;font-size:14px;line-height:1.7;color:var(--muted)}.editorial-contact a{width:-moz-fit-content;width:fit-content}.editorial-contact a:hover{text-decoration:underline;text-underline-offset:3px}.editorial-explore{position:absolute;right:5%;bottom:5%;z-index:6;display:flex;align-items:center;gap:9px;font-size:13px;color:#5b6d8d}.home-introduction{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.05fr;gap:9%;padding:90px max(5%,calc((100% - 1240px)/2)) 95px;background:var(--homepage-background);border-top:1px solid var(--line);color:var(--ink);scroll-margin-top:76px}.home-introduction-heading>p{font:12px/1.5 monospace;letter-spacing:.1em;margin:0 0 28px;color:#6579b6}.home-introduction-heading h2{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.045em;line-height:1.5;margin:0 0 22px;color:var(--ink)}.home-introduction-heading>span{display:inline-block;font-size:14px;color:#7787a5}.home-introduction-copy>p{font-size:17px;line-height:2.1;letter-spacing:.02em;margin:0 0 20px;color:#5b6d8d}.home-introduction-copy>p+p{font-size:15px;color:var(--muted)}.home-introduction-copy ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:28px 0;padding:0}.home-introduction-copy li{color:#546998;font-size:13px;border:1px solid #d9e2f7;border-radius:4px;padding:8px 12px;background:#f3f6fc}.home-introduction-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}.home-introduction-actions>a{color:var(--blue);display:inline-flex;gap:10px;align-items:center;font-size:14px;padding:11px 0;border-bottom:1px solid #c3d0ef}.home-introduction-actions>a:first-child{background:#5275e6;color:#fff;padding:11px 16px;border:0;border-radius:4px}.journey-world:has(.editorial-hero) .portfolio-directory{background:var(--homepage-background);padding-top:70px}.portfolio-directory .directory-heading{min-height:230px;align-items:center}.directory-photo{position:absolute;left:50%;top:0;width:80px;height:240px;transform:translate(-50%)}.directory-photo canvas,.directory-photo>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.directory-photo>img{position:absolute;top:0;right:0;bottom:0;left:0}.directory-photo>button{position:absolute;right:-28px;bottom:5px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #d5dfdf;border-radius:50%;background:var(--homepage-background);color:#47627b}.directory-photo>button:hover{background:#eaf0f5}.editorial-hero :focus-visible,.editorial-header :focus-visible,.home-introduction :focus-visible{outline:3px solid var(--blue);outline-offset:5px}@media(min-width:1600px){.editorial-identity{bottom:5%}.editorial-intro{bottom:1.5%}}@media(max-width:1100px)and (min-width:701px){.editorial-orbit-card{width:33%}.editorial-intro{left:42%;bottom:7%}.editorial-hero .editorial-identity h1{font-size:48px}.editorial-hero .editorial-sticker{font-size:12px}.home-introduction{gap:6%;padding:65px 5%}.home-introduction-actions{gap:15px}}@media(max-width:700px){.journey-world .editorial-hero{height:auto;min-height:0;max-height:none;padding:104px 22px 36px;display:flex;flex-direction:column;gap:20px;overflow:hidden;perspective:none}.editorial-watermark{left:0;top:285px;width:100%;font-size:20vw;line-height:.95}.editorial-identity{position:relative;left:auto;bottom:auto;order:0}.editorial-hero .editorial-identity h1{font-size:54px}.editorial-hero .editorial-identity h1>span{gap:16px}.editorial-hero .editorial-sticker{font-size:17px}.editorial-hero .editorial-identity h1>span:first-child{color:#657ce2}.editorial-hero .sticker-design{font-size:15px}.editorial-identity>p{color:#6579b6;font-size:11px}.editorial-orbit{position:relative;inset:auto;order:1;flex-shrink:0;width:calc(100% + 44px);height:270px;margin:0 -22px;perspective:none;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.editorial-orbit-track{width:100%;transform-style:flat}.editorial-orbit-card{left:50%;top:50%;width:300px;height:auto;aspect-ratio:4/3;animation-name:portfolio-mobile-orbit;box-shadow:0 10px 22px #17291d0c;transform-origin:center}.editorial-orbit-caption{opacity:1;transform:none;padding:9px 10px;font-size:11px;gap:5px}.editorial-orbit-caption svg{width:13px;flex-shrink:0}.editorial-orbit-card>img{height:100%}.fox-portrait{top:8px;right:0;bottom:12px;left:0}.editorial-portrait-label{font-size:9px;top:10px;left:12px}.editorial-portrait-caption{font-size:10px;left:12px;bottom:9px}.editorial-motion-toggle{position:relative;right:auto;bottom:auto;order:4;align-self:flex-start;font-size:12px}.editorial-intro{position:relative;left:auto;bottom:auto;order:3;margin-top:0}.editorial-intro p{font-size:20px}.editorial-intro>span{font-size:15px}.editorial-explore{position:relative;right:auto;bottom:auto;order:4;margin-top:2px;font-size:12px}.home-introduction{grid-template-columns:1fr;gap:28px;padding:48px 24px 54px;scroll-margin-top:66px}.home-introduction-heading>p{font-size:11px;margin-bottom:18px}.home-introduction-heading h2{font-size:29px;margin-bottom:15px}.home-introduction-heading>span{font-size:13px}.home-introduction-copy>p{font-size:16px;line-height:2}.home-introduction-copy>p+p{font-size:14px}.home-introduction-copy ul{gap:6px;margin:24px 0}.home-introduction-copy li{color:#546998;font-size:12px;padding:7px 9px}.home-introduction-actions{gap:17px;margin-top:24px}.home-introduction-actions>a{font-size:13px;gap:6px}.journey-world:has(.editorial-hero) .portfolio-directory{padding-top:40px}.portfolio-directory .directory-heading{min-height:185px;padding-right:125px}.directory-photo{left:auto;right:36px;top:0;width:60px;height:180px;transform:none}.directory-photo>button{right:-25px;bottom:0;width:24px;height:24px}}@keyframes portfolio-mobile-orbit{0%,to{transform:translate(-50%,-50%) translate3d(675px,100px,0) scale(.46);opacity:0;visibility:hidden}5%{transform:translate(-50%,-50%) translate3d(640px,90px,0) scale(.48);opacity:0;visibility:hidden}10%{transform:translate(-50%,-50%) translate3d(540px,80px,0) scale(.5);opacity:1;visibility:visible}20%{transform:translate(-50%,-50%) translate3d(405px,60px,0) scale(.56);opacity:1;visibility:visible}30%{transform:translate(-50%,-50%) translate3d(270px,40px,0) scale(.68);opacity:1;visibility:visible}40%{transform:translate(-50%,-50%) translate3d(135px,20px,0) scale(.84);opacity:1;visibility:visible}50%{transform:translate(-50%,-50%) translateZ(0) scale(1);opacity:1;visibility:visible}60%{transform:translate(-50%,-50%) translate3d(-135px,-20px,0) scale(.84);opacity:1;visibility:visible}70%{transform:translate(-50%,-50%) translate3d(-270px,-40px,0) scale(.68);opacity:1;visibility:visible}80%{transform:translate(-50%,-50%) translate3d(-405px,-60px,0) scale(.56);opacity:1;visibility:visible}90%{transform:translate(-50%,-50%) translate3d(-540px,-80px,0) scale(.5);opacity:1;visibility:visible}95%{transform:translate(-50%,-50%) translate3d(-640px,-90px,0) scale(.48);opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.editorial-orbit-card{animation:none;will-change:auto;opacity:1;visibility:visible}.editorial-orbit-card:nth-child(1){transform:translate(-50%,-50%) translateZ(90px) scale(1.05);z-index:2}.editorial-orbit-card:nth-child(2){transform:translate(-50%,-50%) translate3d(-34vw,-72px,-110px) rotateY(4deg) scale(.68)}.editorial-orbit-card:nth-child(5){transform:translate(-50%,-50%) translate3d(34vw,72px,-110px) rotateY(-4deg) scale(.68)}.editorial-orbit-card:nth-child(3),.editorial-orbit-card:nth-child(4){display:none}.editorial-orbit-caption{transition:none}}@media(max-width:700px)and (prefers-reduced-motion:reduce){.editorial-orbit{height:auto;-webkit-mask-image:none;mask-image:none;width:100%;margin:0;overflow:visible}.editorial-orbit-track{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}.editorial-orbit-card:nth-child(n){display:block;position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:4/3;transform:none;z-index:auto}.editorial-orbit-card:first-child{grid-column:auto;height:auto;aspect-ratio:4/3}}.editorial-orbit:focus-within{z-index:8}.editorial-orbit-card:focus-visible{animation:none;opacity:1;visibility:visible;transform:translate(-50%,-50%) translate3d(0,50px,200px);outline:3px solid var(--blue);outline-offset:5px}@media(max-width:700px){.editorial-orbit-card:focus-visible{transform:translate(-50%,-50%);z-index:3}}@media(max-width:1240px)and (min-width:1101px){.header.editorial-header,.header.editorial-header.is-scrolled{gap:16px;padding:0 2.5%}.header.editorial-header .nav,.header.editorial-header.is-scrolled .nav{gap:15px;font-size:15px}.editorial-header .header-actions{gap:10px}.editorial-header .header-download{font-size:13px}}@media(max-width:1100px){.header.editorial-header{height:66px;padding:0 22px;gap:16px}.header.editorial-header.is-scrolled{top:10px;width:calc(100% - 24px);height:56px;padding:0 20px}.editorial-header .brand{font-size:27px}.editorial-header.is-scrolled .brand{font-size:23px}.editorial-header .header-actions,.editorial-header.is-scrolled .header-actions{display:none}.header.editorial-header .menu-toggle{display:flex;margin-left:auto;color:#173857}.header.editorial-header .nav,.header.editorial-header.is-scrolled .nav{display:none}.header.editorial-header .nav.open,.header.editorial-header.is-scrolled .nav.open{display:flex;position:absolute;left:0;right:0;top:66px;width:100%;max-height:calc(100svh - 66px);overflow-y:auto;margin:0;padding:24px;flex-direction:column;align-items:stretch;gap:22px;background:var(--homepage-background);border:0;border-bottom:1px solid #dce1dc;border-radius:0;box-shadow:0 12px 24px #1738570a;font-size:17px}.header.editorial-header.is-scrolled .nav.open{max-height:calc(100svh - 96px);border:1px solid #dce1dc;border-radius:16px;box-shadow:0 10px 30px #17385714}.editorial-header .nav.open .mobile-contact,.editorial-header .nav.open .editorial-mobile-resume{display:flex;align-items:center;gap:10px}}@media(min-width:1101px){.header.editorial-header .menu-toggle{display:none}}@media(prefers-reduced-motion:reduce){.header.editorial-header{transition:none}}.about-portraits{display:flex;align-items:end;gap:14px;margin:30px 0 22px;max-width:100%}.about-portraits>img{width:170px;height:221px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border-radius:12px}.about-photo-animation{position:relative;flex:1;min-width:0;max-width:280px;height:230px;overflow:hidden}.about-photo-animation canvas,.about-photo-animation>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.about-photo-animation>img{position:absolute;top:0;right:0;bottom:0;left:0}.about-photo-animation>button{position:absolute;right:4px;bottom:5px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #d5dfdf;border-radius:50%;background:#fffffff2;color:#47627b}.contact .contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:60px}.contact .contact-copy .contact-row,.contact .contact-copy .contact-bottom{max-width:100%}.contact-wechat{margin:0;position:relative;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.contact-wechat .wechat-qr{display:block;width:100%;height:auto}.contact-wechat figcaption{display:flex;flex-direction:column;gap:5px;text-align:center;padding:8px 0 4px;color:#304b70}.contact-wechat strong{font-size:14px;font-weight:600}.contact-wechat figcaption>span{font-size:13px;color:#75869a}@media(max-width:700px){.about-portraits{gap:12px}.about-portraits>img{width:140px;height:180px}.about-photo-animation{height:190px}.contact .contact-layout{grid-template-columns:1fr;gap:28px}.contact-wechat{width:230px;justify-self:start}}.journey-world:has(.editorial-hero) .directory-backdrop{background:none}:root,body,#root,main,.projects-section,.design-section,.publication-section,.exchange-section,.courses-section,.professional-section,.profile-details,.profile-transition,.profile-transition-previous,.profile-transition-previous>div,.profile-transition-incoming,.contact,.footer{background:var(--homepage-background)}.contact:before{background:none}.editorial-hero,.home-introduction,.contact,.footer{--ink:var(--navigation-ink);--blue:var(--navigation-ink);--muted:var(--navigation-ink);color:var(--navigation-ink)}.editorial-hero .editorial-identity>p,.editorial-hero .editorial-identity h1>span:first-child,.editorial-intro,.editorial-intro p>span,.editorial-motion-toggle,.editorial-explore,.home-introduction-heading>p,.home-introduction-heading>span,.home-introduction-copy>p,.home-introduction-copy li,.contact .eyebrow,.contact h2,.contact .contact-bottom,.contact .contact-bottom a,.contact .contact-circle,.contact .contact-wechat figcaption,.contact .contact-wechat figcaption>span,.footer>a,.footer>a:first-child,.footer span{color:var(--navigation-ink)}.home-introduction-actions>a:first-child{background:var(--navigation-ink)}
