/* Glass objects, bright path gradients, and editorial campaign imagery. */
:root{--application-clearance:146px}
html{scroll-padding-bottom:calc(var(--application-clearance) + env(safe-area-inset-bottom,0px))}

/* Both lines are one wordmark, with the same sans face and upright weight. */
.hero-title{top:46%}
.hero-title h1>span,.hero-title h1>em{font-family:var(--sans);font-style:normal;font-weight:500;letter-spacing:-.055em;line-height:1.06}
.hero-title h1>span{font-size:clamp(98px,15.75vw,233px)}
.hero-title h1>em{font-size:clamp(59px,9.45vw,140px);margin-top:-.035em}
.hero-edition{font-size:clamp(16px,1.55vw,22px);font-weight:500;line-height:1.65;letter-spacing:.16em;margin:0 auto 26px;max-width:calc(100% - 44px)}
.hero-statement{margin-top:30px}
.hero-links,.scroll-cue{bottom:calc(var(--application-clearance) + env(safe-area-inset-bottom,0px))}
.about-visual em{font-family:var(--sans);font-style:normal;font-weight:500;font-size:.6em;letter-spacing:-.055em;margin-top:12px}

.object-stage{--object-angle:0deg;--object-scale:1;pointer-events:none}
.glass-object{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(var(--object-angle)) scale(var(--object-scale));filter:drop-shadow(0 0 11px #74dfff38) drop-shadow(0 10px 18px #7673cb1c);transition:transform 1.1s var(--ease);user-select:none}
.object-pose-open{--object-angle:-5deg;--object-scale:1.03}
.object-pose-turn{--object-angle:7deg;--object-scale:.96}
.object-pose-rise{--object-angle:-3deg;--object-scale:1.02}

.purpose{padding-top:112px;padding-bottom:65px}
.purpose-heading{position:relative;z-index:1}
.purpose-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:6vw;max-width:1190px;margin:38px auto 0;text-align:left}
.purpose-portrait{margin:0;min-width:0}
.purpose-portrait>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:55% 50%;background:#a8c6dc}
.purpose-portrait figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;color:#686779;font-size:9px;letter-spacing:.04em}
.purpose-portrait figcaption span:first-child{font:12px var(--serif);letter-spacing:.07em}
.purpose-object{margin:0;min-width:0}
.purpose-object-stage{height:clamp(340px,36vw,530px);margin:-20px 0 -5px;--object-angle:0deg;--object-scale:.98}
.purpose-object figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0 0;margin:0 9%;font-size:9px;letter-spacing:.07em;color:#686779}
.purpose-object figcaption span:first-child{font:12px var(--serif);letter-spacing:.09em}
.purpose-copy{padding:20px 0 0}
.purpose-copy p{font-size:14px;line-height:2.25}
.purpose-note{margin-top:75px}

/* Color is visible before the videos load; shade is confined to the copy. */
.path-panel{height:600px;isolation:isolate;background:linear-gradient(140deg,#d7e8ec,#a8bbd6 53%,#d7bedc);color:#283048}
.path-panel--career{background:linear-gradient(135deg,#cfe4eb,#bcc3e4 50%,#e9cbd4)}
.path-panel--skills{background:linear-gradient(140deg,#d8d9ed,#c0ddec 52%,#edcfbf)}
.path-video{inset:0;background:transparent;opacity:1;filter:none;transition:transform 1.5s var(--ease),filter 1.2s var(--ease)}
.path-shade{inset:auto 0 0;height:53%;background:linear-gradient(0deg,#e7e8f0f2 0%,#e7e8f0dc 50%,#e7e8f000 100%);z-index:1;pointer-events:none}
.path-object{position:absolute;top:38px;left:2%;width:96%;height:320px;z-index:1;--object-scale:1.04}
.path-object .glass-object{opacity:.82;filter:drop-shadow(0 0 12px #86e9ff48) drop-shadow(0 12px 18px #7269b817);mix-blend-mode:normal}
.path-panel--career .path-object{--object-angle:-3deg;--object-scale:.97}
.path-panel--skills .path-object{--object-angle:-6deg;--object-scale:1.07}
.path-top{z-index:2;font-weight:500;text-shadow:0 1px 10px #ffffffa6}
.path-top>span{background:#ffffff4a;padding:3px 5px;margin:-3px -5px}
.path-bottom{z-index:2;bottom:28px}
.path-word{font-size:clamp(49px,4.7vw,72px);margin-bottom:13px}
.path-bottom h3{font-size:20px;line-height:1.55;margin-bottom:12px}
.path-bottom>p:not(.path-word){font-size:11px;line-height:1.9;opacity:1;max-width:94%}
.path-bottom .circle-arrow{margin-top:20px;border-color:#303b6260}
.path-panel:focus-visible{outline:3px solid #344368;outline-offset:5px}

.course-art{height:300px;isolation:isolate}
.course-object{position:absolute;inset:18px 5px 34px;z-index:0}
.course-art--brush .course-object{inset:8px 5px 28px;--object-scale:1.08}
.course-art--book .course-object{inset:10px 0 30px}
.course-art .course-tag,.course-art .art-number{z-index:1;color:#30374c}
.course-art .course-tag{max-width:77%;text-shadow:0 1px 8px #ffffffb3}
.course-art .art-word{z-index:1;font-size:28px;bottom:19px;color:#394261;letter-spacing:-.02em}
.course-art .art-number{font-size:18px}
.course-card-link{display:block}
.course-card-link:focus-visible{outline:2px solid #4f5f84;outline-offset:8px}

.detail-visual--object{height:560px;padding:32px}
.detail-object{position:absolute;inset:10px 0 95px}
.detail-visual--object>p{font-size:clamp(36px,3.6vw,56px);line-height:1;letter-spacing:-.025em;color:#394261;margin-bottom:15px}
.detail-visual--object>p>em{display:block;font:10px/1.5 var(--sans);font-style:normal;letter-spacing:.1em;margin-top:13px}
.detail-visual--object>small{position:relative;color:#3d455e}
.story-visual--object{min-height:400px;padding:28px}
.story-object{position:absolute;inset:0 0 72px}
.story-visual--object>span:not(.art-orbit){font-size:45px;color:#394261;line-height:1;margin-bottom:10px}
.story-visual--object>small{position:relative;color:#3d455e}

.catalogue-feature{grid-template-columns:1fr 1.25fr;gap:6vw}
.catalogue-copy .display{font-size:clamp(44px,4.4vw,70px)}
.future-portrait{position:relative;margin:0;min-width:0;width:100%;aspect-ratio:3/2;overflow:hidden;background:#31394e;isolation:isolate}
.future-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:61% 50%;transition:transform 1.6s var(--ease)}
.future-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17284040,transparent 65%),linear-gradient(0deg,#13243d66,transparent 70%);pointer-events:none}
.future-portrait figcaption{position:absolute;z-index:1;inset:auto 30px 28px;color:#fff}
.future-portrait figcaption>small{display:block;font:9px/1.5 var(--sans);letter-spacing:.14em;margin-bottom:25px}
.future-portrait figcaption>p{font:500 clamp(38px,4.2vw,66px)/.92 var(--serif);letter-spacing:-.025em;margin:0 0 20px}
.future-portrait figcaption>p>em{font-weight:400}
.future-portrait figcaption>span{font:10px/1.7 var(--sans);letter-spacing:.02em}
.seminar-intro>.chinese-title{font-size:clamp(30px,2.8vw,43px);line-height:1.6}
.seminar-intro>p{font-size:14px;line-height:2.15}

/* Slow luminous movement lives behind the copy and respects reduced motion. */
.application-bar{bottom:calc(32px + env(safe-area-inset-bottom,0px));width:min(1100px,calc(100% - 40px));padding:11px 11px 11px 27px;gap:28px;border:1px solid #ffffffb8;border-radius:10px;background:linear-gradient(110deg,#c9f2f4,#d8d0f3 52%,#f6d9c9);color:#26314b;box-shadow:0 12px 42px #263e5529;overflow:hidden;isolation:isolate}
.application-bar:before{content:'';position:absolute;z-index:-1;inset:-80% -15%;pointer-events:none;background:radial-gradient(ellipse at 14% 55%,#b9f8ff 0%,#b9f8ff00 45%),radial-gradient(ellipse at 58% 35%,#d6bfffdd 0%,#d6bfff00 48%),radial-gradient(ellipse at 90% 70%,#ffd8bf 0%,#ffd8bf00 43%);animation:application-breathe 8s ease-in-out infinite alternate}
.application-bar>div{min-width:0;gap:16px}
.application-bar p{font-size:15px;font-weight:500;line-height:1.65}
.application-bar p small{font-size:11px;letter-spacing:.11em;opacity:.8;margin-bottom:3px}
.application-bar .live-dot{flex:none;background:#5d729c;box-shadow:0 0 0 5px #637ebf14}
.bar-secondary{font-size:13px;font-weight:500;gap:16px;white-space:nowrap;padding:13px 0}
.bar-primary{flex:none;justify-content:center;gap:28px;min-height:56px;padding:16px 25px;font-size:15px;font-weight:500;background:linear-gradient(115deg,#007a9e 0%,#0873c7 48%,#225ce0 100%);border:1px solid #ffffff48;border-radius:5px;white-space:nowrap;box-shadow:0 5px 20px #3658d838;transition:filter .35s,box-shadow .35s,transform .35s}
.bar-primary>span{font-size:24px}
.bar-primary:hover{background:linear-gradient(115deg,#007a9e 0%,#0873c7 48%,#225ce0 100%);filter:brightness(1.04) saturate(1.04);box-shadow:0 7px 24px #3658d84d}
.application-bar a:focus-visible{outline:2px solid #26314b;outline-offset:3px}
.site-footer{padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))}
.registration-view .site-footer{padding-bottom:50px}
@keyframes application-breathe{from{transform:translate3d(-3%,-5%,0) rotate(-3deg) scale(1)}to{transform:translate3d(4%,6%,0) rotate(4deg) scale(1.1)}}

@media(hover:hover) and (pointer:fine){
 .purpose-object:hover .glass-object,.course-card-link:hover .glass-object,.path-panel:hover .glass-object,.detail-visual--object:hover .glass-object,.story-visual--object:hover .glass-object{transform:translateY(-9px) rotate(calc(var(--object-angle) + 2deg)) scale(var(--object-scale))}
 .path-panel:hover .path-video{transform:scale(1.035);filter:brightness(1.08) saturate(1.12)}
 .path-panel:hover .circle-arrow{background:#fff9;color:#283048}
 .future-portrait:hover>img{transform:scale(1.025)}
}
@media(max-width:1150px){
 .purpose-layout{gap:3vw}.purpose-copy p{font-size:12px}.purpose-object-stage{height:390px}
 .path-panel{height:570px}.path-object{top:48px;height:280px}.path-bottom h3{font-size:18px}.path-word{font-size:50px}
 .course-art{height:270px}.course-object{inset:19px 0 34px}
 .detail-visual--object{height:470px;padding:25px}.detail-object{inset:0 -10px 90px}
 .story-visual--object{min-height:360px}.story-visual--object>span:not(.art-orbit){font-size:40px}
 .catalogue-feature{gap:4vw}.future-portrait figcaption{inset:auto 24px 23px}.future-portrait figcaption>small{margin-bottom:18px}.future-portrait figcaption>p{font-size:44px;margin-bottom:15px}
 .application-bar{gap:22px;padding-left:22px}.application-bar p{font-size:13px}.bar-primary{font-size:14px;padding:15px 20px;gap:20px}.bar-secondary{font-size:12px}
}
@media(max-width:840px){
 .hero-title h1>span{font-size:21vw}.hero-title h1>em{font-size:12.6vw}.hero-title{top:46%}.hero-edition{font-size:clamp(16px,2.1vw,18px);letter-spacing:.13em;margin-bottom:24px}.hero-statement{margin-top:29px}
 .purpose{padding-top:90px;padding-bottom:60px}.purpose-layout{grid-template-columns:1fr 1fr;gap:20px}.purpose-object-stage{height:330px;margin:-5px -20px}.purpose-copy{padding:10px 0}.purpose-copy p{font-size:12px}.purpose-copy br{display:none}.purpose-object figcaption{margin:5px 4% 0;flex-wrap:wrap;gap:5px}.purpose-note{margin-top:60px}
 .path-grid{grid-template-columns:1fr;gap:20px}.path-panel{height:430px}.path-object{top:12px;left:auto;right:-2%;width:58%;height:360px;--object-scale:1}.path-panel--career .path-object{--object-scale:.95}.path-shade{inset:0 auto 0 0;width:70%;height:100%;background:linear-gradient(90deg,#e7e8f0ed,#e7e8f0c4 45%,#e7e8f000)}.path-top{top:25px;left:28px;right:28px}.path-bottom{left:28px;right:28px;bottom:30px}.path-bottom h3{font-size:23px;max-width:55%}.path-bottom>p:not(.path-word){font-size:12px;max-width:49%}.path-word{font-size:64px}.path-bottom .circle-arrow{right:0;bottom:0}
 .course-art{height:300px}.course-object{inset:15px 0 34px}.course-art .art-word{font-size:28px}
 .catalogue-feature{grid-template-columns:1fr;gap:50px}.catalogue-copy .display{font-size:60px}.future-portrait{max-width:740px;justify-self:center}.future-portrait figcaption{inset:auto 35px 32px}.future-portrait figcaption>small{font-size:10px;margin-bottom:30px}.future-portrait figcaption>p{font-size:clamp(50px,8vw,70px);margin-bottom:22px}.future-portrait figcaption>span{font-size:12px}
 .seminar-intro>.chinese-title{font-size:40px}.seminar-intro>p{font-size:14px}
 .detail-visual--object{height:450px}.detail-object{inset:0 8% 95px}.detail-visual--object>p{font-size:45px}
 .story-visual--object{min-height:340px}.story-object{inset:-10px 6% 60px}
 .application-bar{bottom:calc(28px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);padding:10px 10px 10px 18px;gap:18px}.application-bar>div{gap:12px}.application-bar p{font-size:13px}.application-bar p small{font-size:10px}.bar-primary{min-height:54px;padding:15px 19px;font-size:14px;gap:22px}.bar-secondary{display:none}
}
@media(max-width:560px){
 :root{--application-clearance:145px}
 .hero-title{top:44%}.hero-title h1>span{font-size:24vw}.hero-title h1>em{font-size:14.4vw;margin-top:0}.hero-statement{font-size:15px;letter-spacing:.035em;margin-top:27px}.hero-edition{font-size:clamp(14px,3.8vw,16px);letter-spacing:.08em;margin-bottom:23px;max-width:calc(100% - 36px)}
 .hero-links{bottom:calc(180px + env(safe-area-inset-bottom,0px))}.scroll-cue{bottom:calc(145px + env(safe-area-inset-bottom,0px))}
 .purpose{padding-top:82px;padding-bottom:50px}.purpose-heading .eyebrow{font-size:9px;letter-spacing:.09em}.purpose h2{font-size:29px;margin-bottom:20px}.purpose-layout{grid-template-columns:1fr;gap:25px}.purpose-object{width:100%;max-width:410px;margin:0 auto}.purpose-object-stage{height:330px;margin:-15px 0 -5px;--object-scale:.98}.purpose-object figcaption{flex-wrap:nowrap;margin:0 6%;padding-top:12px;font-size:8px}.purpose-object figcaption span:first-child{font-size:11px}.purpose-copy{padding:8px 0 0;text-align:center}.purpose-copy p{font-size:13px;line-height:2.2;max-width:360px;margin-left:auto;margin-right:auto}.purpose-note{margin-top:55px;font-size:9px}
 .path-panel{height:560px}.path-object{top:35px;left:0;right:0;width:100%;height:300px;--object-scale:1.04}.path-panel--career .path-object{--object-scale:1}.path-shade{inset:auto 0 0;width:100%;height:54%;background:linear-gradient(0deg,#e7e8f0f2,#e7e8f0db 48%,#e7e8f000)}.path-top{top:24px;left:24px;right:24px;font-size:10px}.path-bottom{left:24px;right:24px;bottom:26px}.path-word{font-size:58px;margin-bottom:14px}.path-bottom h3{font-size:22px;max-width:100%;margin-bottom:12px}.path-bottom>p:not(.path-word){font-size:12px;max-width:85%;padding-right:14px;margin-bottom:0}.path-bottom .circle-arrow{margin-top:0;right:0;bottom:3px}
 .course-art{height:310px}.course-object{inset:10px 0 37px}.course-art .art-word{font-size:30px;left:24px;bottom:21px}.course-art .course-tag{font-size:10px}
 .catalogue-feature{gap:38px}.catalogue-copy .display{font-size:48px}.future-portrait{aspect-ratio:1.25;max-width:none}.future-portrait>img{object-position:66% 50%}.future-portrait figcaption{inset:auto 20px 23px}.future-portrait figcaption>small{font-size:8px;letter-spacing:.11em;margin-bottom:24px}.future-portrait figcaption>p{font-size:46px;margin-bottom:20px}.future-portrait figcaption>span{font-size:9px}
 .seminar-intro>.chinese-title{font-size:29px;line-height:1.65}.seminar-intro>p{font-size:13px}.seminar-intro>p br{display:none}
 .detail-visual--object{height:395px;padding:25px}.detail-object{inset:0 -2% 82px}.detail-visual--object>p{font-size:39px}.detail-visual--object>p>em{font-size:9px;margin-top:10px}.detail-visual--object>small{font-size:9px}
 .story-visual--object{min-height:350px;padding:24px}.story-object{inset:-8px 0 65px}.story-visual--object>span:not(.art-orbit){font-size:42px}
 .application-bar{bottom:calc(28px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);padding:8px 8px 8px 14px;gap:12px;border-radius:8px}.application-bar>div{gap:0}.application-bar .live-dot{display:none}.application-bar p{font-size:11px;font-weight:500;line-height:1.65}.application-bar p small{font-size:8px;letter-spacing:.06em;margin-bottom:2px}.bar-primary{min-height:52px;padding:14px 14px;font-size:13px;gap:13px;line-height:1.5}.bar-primary>span{font-size:22px}.site-footer{padding-bottom:calc(155px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){.application-bar{gap:8px;padding-left:10px}.application-bar p{font-size:10px}.application-bar p small{font-size:7px}.bar-primary{font-size:12px;padding:14px 11px;gap:8px}.path-panel{height:550px}.path-bottom h3{font-size:20px}.future-portrait figcaption>p{font-size:41px}}
@media(max-width:560px){
 .purpose-layout{margin-top:30px}
 .purpose-portrait>img{aspect-ratio:1.2;object-position:55% 50%}
 .purpose-portrait figcaption{font-size:8px;gap:10px;margin-top:14px;padding-top:12px}
 .purpose-portrait figcaption span:first-child{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .application-bar:before{animation:none;transform:none}
 .glass-object,.path-video,.future-portrait>img{transition:none}
 .purpose-object:hover .glass-object,.course-card-link:hover .glass-object,.path-panel:hover .glass-object,.detail-visual--object:hover .glass-object,.story-visual--object:hover .glass-object{transform:rotate(var(--object-angle)) scale(var(--object-scale))}
 .path-panel:hover .path-video,.future-portrait:hover>img{transform:none}
}