:root{--bg:#121413;--fg:#f4f3ed;--muted:#a1a5a0;--accent:#d34d4b;--lime:#cedd9f;--canvas:#ededeb;--ink:#161817;--mono:'DM Mono','Courier New',monospace;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--display);overflow-x:hidden;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}body.intro-active{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.mono{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.13em;text-transform:uppercase}.bracket{color:var(--accent)}.skip-link{position:fixed;z-index:9999;top:-100px;left:16px;padding:10px;background:white;color:black}.skip-link:focus{top:10px}::selection{background:#d34d4b;color:white}
/* Actual media-ready progress, in the manner of the source's five-dot intro */
.intro{position:fixed;z-index:300;inset:0;display:flex;align-items:center;justify-content:center;background:#111313;color:#f3f3ed;transition:opacity .7s,visibility .7s;visibility:visible}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{width:min(850px,calc(100% - 45px));text-align:center;position:relative;z-index:2}.intro-label{display:flex;justify-content:space-between;color:#b6b9b4;font-size:10px}.intro-count{font-size:clamp(104px,18vw,260px);letter-spacing:-.1em;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.intro-pct{font-size:.46em;color:#757a76;vertical-align:baseline;margin-left:10px}.intro-dots{display:flex;justify-content:space-between;margin:0 auto;max-width:660px;gap:6px}.intro-dots>div{display:flex;align-items:center;flex-direction:column;gap:15px;flex:1}.intro-dots i{height:8px;width:8px;border-radius:50%;display:block;border:1px solid #717773;transition:background .2s,box-shadow .25s}.intro-dots .lit i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #d34d4b66}.intro-dots span{color:#929893;font:9px var(--mono);letter-spacing:.11em}.intro-dots .lit span{color:white}.intro-bottom{display:flex;justify-content:space-between;color:#787e7a;margin-top:67px}.intro-curtain{position:absolute;bottom:0;left:0;right:0;height:0;background:#d9e2d5;pointer-events:none}#pointer{position:fixed;z-index:100;left:0;top:0;width:26px;height:26px;border:1px solid #e9eae9aa;border-radius:50%;pointer-events:none;transform:translate3d(-60px,-60px,0);mix-blend-mode:difference;opacity:0;transition:width .2s,height .2s,opacity .25s}#pointer.on{width:55px;height:55px;border-color:white}.page-progress{position:fixed;z-index:100;top:0;left:0;right:0;height:2px;pointer-events:none}.page-progress>span{display:block;height:100%;width:0;background:var(--accent);transition:width .08s linear}
/* Floating navigation and compact menu motion following evolveit source */
.site-header{position:fixed;top:14px;left:0;right:0;z-index:110;pointer-events:none;opacity:0;transform:translateY(-25px);transition:opacity .8s,transform .8s}.site-header.entered{opacity:1;transform:none}.nav-shell{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:65px;padding:8px 13px 8px 22px;background:rgba(22,24,23,.79);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(22px) saturate(1.2);border-radius:30px;max-width:1180px;width:calc(100% - 30px);margin:auto;box-shadow:0 10px 45px #0003}.wordmark{display:flex;align-items:center;gap:10px;min-width:170px}.wordmark-text{font-size:19px;letter-spacing:-.11em;font-weight:800}.wordmark-text>span{color:var(--accent)}.wordmark-sub{border-left:1px solid #636763;padding-left:10px;font:7px/1.5 var(--mono);letter-spacing:.07em;color:#b6bbb4}.nav-links{display:flex;align-items:center;gap:21px}.nav-links a{font:10px var(--mono);text-transform:uppercase;white-space:nowrap;color:#c2c5bf;position:relative;padding:9px 0;transition:color .3s}.nav-links a:hover{color:white}.nav-links a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .35s}.nav-links a:hover:after{width:100%}.nav-right{display:flex;align-items:center;gap:12px}.nav-cta{font:10px var(--mono);text-transform:uppercase;border:1px solid #858984;border-radius:22px;padding:11px 17px;white-space:nowrap;transition:color .3s,background .3s}.nav-cta:hover{background:var(--fg);color:var(--bg)}.nav-cta span{color:var(--accent);padding-left:10px}.menu-button{height:42px;width:42px;border:1px solid rgba(255,255,255,.25);background:transparent;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-button span{width:17px;height:1px;background:var(--fg);transition:transform .3s}.menu-open .menu-button span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-button span:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-overlay{position:fixed;z-index:102;inset:0;background:#161817;transform:translateY(-105%);transition:transform .85s cubic-bezier(.76,0,.24,1);visibility:hidden}.menu-overlay.open{transform:none;visibility:visible}.menu-inside{max-width:1220px;margin:auto;padding:130px 28px 25px;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.menu-heading,.menu-bottom{display:flex;justify-content:space-between;color:#b5b9b2}.menu-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.menu-primary,.menu-secondary{display:flex;flex-direction:column;align-items:flex-start}.menu-primary a{font-size:clamp(25px,4.1vw,56px);line-height:1.22;font-weight:700;letter-spacing:-.06em;transition:transform .35s,color .35s}.menu-primary a:hover{transform:translateX(13px);color:var(--accent)}.menu-secondary{justify-content:center;gap:12px}.menu-secondary a{font:12px var(--mono);padding:5px;color:#b7bbb4;transition:color .3s,transform .3s}.menu-secondary a:hover{color:white;transform:translateX(7px)}.menu-bottom span{color:var(--accent)}
/* Cinematic 3D/WebGL hero */
.hero{height:min(1020px,100svh);min-height:700px;position:relative;overflow:hidden;background:#111919;isolation:isolate}.world-canvas,.fallback-world,.hero-noise{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.world-canvas{z-index:0;opacity:0;transition:opacity 1.2s}.hero.three-on .world-canvas{opacity:1}.fallback-world{z-index:-1;background:radial-gradient(ellipse at 65% 35%,#415453 0%,#273736 37%,#111919 78%);transition:opacity 1.5s}.hero.three-on .fallback-world{opacity:0}.fallback-halo{position:absolute;left:25%;top:8%;width:65vw;aspect-ratio:1;background:radial-gradient(circle,#8d9b9275,#5b7b7861 30%,transparent 67%);filter:blur(30px);animation:breath 8s ease-in-out infinite alternate}.fallback-cloud{position:absolute;left:-20vw;top:9%;width:70vw;height:23vw;background:radial-gradient(ellipse,#aab8b022,transparent 70%);filter:blur(33px);animation:cloudDrift 21s linear infinite}.cloud-two{top:41%;left:40%;animation-duration:26s;animation-direction:reverse;opacity:.6}.hero-noise{opacity:.16;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 190 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:screen}.hero:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,16,17,.74),rgba(8,16,17,.3) 44%,transparent 79%),linear-gradient(0deg,rgba(8,14,14,.91),transparent 22%,transparent 70%,rgba(8,14,14,.15))}.hero-details{position:absolute;top:116px;left:max(32px,calc((100vw - 1300px)/2));right:max(32px,calc((100vw - 1300px)/2));display:flex;align-items:center;justify-content:space-between;z-index:4;color:#dce1db;font-size:10px}.hero-details i{color:var(--accent);font-style:normal;margin:0 12px}.signal{width:7px;height:7px;display:inline-block;border-radius:100%;background:#cee09f;box-shadow:0 0 20px #cee09f;margin-right:8px;animation:breath 1.5s infinite alternate}.hero-copy{position:absolute;z-index:8;top:clamp(195px,25vh,250px);left:max(32px,calc((100vw - 1300px)/2));max-width:760px}.hero-eyebrow{display:flex;align-items:center;gap:19px;color:#cdd9cf;font-size:10px}.eyebrow-line{height:1px;width:40px;background:#667d72}.hero h1{font-size:clamp(68px,8vw,137px);line-height:.95;font-weight:800;letter-spacing:-.09em;margin:22px 0 25px;position:relative;max-width:880px;filter:drop-shadow(0 8px 34px #0004)}.hero h1 .hero-accent{color:#d5e3c1}.hero-dot{color:#c65b56}.hero-copy>p{font-size:clamp(13px,1.15vw,16px);max-width:425px;line-height:1.8;color:#c5cec8;margin:0 0 26px;font-weight:500}.hero-actions{display:flex;align-items:center;gap:24px}.primary-link{background:#edf0e8;color:#171b18;border-radius:25px;font:11px var(--mono);padding:15px 20px;display:inline-flex;gap:40px;align-items:center;transition:background .3s,transform .3s}.primary-link:hover{background:#dce9b3}.primary-link span,.secondary-link span{color:#b94e47}.secondary-link{font:11px var(--mono);padding:12px 0;white-space:nowrap;border-bottom:1px solid #b2bcb3}.secondary-link span{margin-left:22px}.hero-visual{position:absolute;z-index:3;right:max(44px,calc((100vw - 1340px)/2));width:min(53vw,750px);height:min(53vh,550px);top:21%;perspective:1200px;pointer-events:none;transform-style:preserve-3d}.visual-image{height:100%;width:100%;position:relative;overflow:hidden;transform-style:preserve-3d;transform:rotateY(-7deg) rotateX(2deg);border:1px solid #dce4da6e;border-radius:7px;box-shadow:0 32px 90px #0006,0 0 0 10px #fff1;transition:transform .45s cubic-bezier(.2,.85,.2,1)}.visual-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02);display:block;transition:opacity .5s,filter .5s;opacity:.95}.visual-image:before{position:absolute;z-index:2;inset:0;content:'';background:linear-gradient(0deg,#0b11139c,transparent 30%,#0b11136b),linear-gradient(100deg,#849d9036,transparent);pointer-events:none}.visual-image:after{position:absolute;z-index:2;content:'';inset:0;opacity:.4;pointer-events:none;background:linear-gradient(90deg,transparent 48%,#fff5 49.5%,transparent 51%);mix-blend-mode:screen;transform:translateX(-160%);transition:transform 1s}.visual-image:hover:after{transform:translateX(160%)}.visual-sheen{position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse at var(--hover-x,50%) var(--hover-y,50%),#e9f1e52a,transparent 35%);opacity:0;transition:opacity .3s;pointer-events:none}.hero-visual:hover .visual-sheen{opacity:1}.visual-grid{position:absolute;z-index:3;inset:0;opacity:.34;pointer-events:none;background-image:linear-gradient(#f4f7ed28 1px,transparent 1px),linear-gradient(90deg,#f4f7ed28 1px,transparent 1px);background-size:20% 20%;mask-image:linear-gradient(to bottom,transparent,#000 78%)}.visual-number,.visual-look{position:absolute;z-index:5;color:#eff5ef;font-size:9px;pointer-events:none}.visual-number{top:26px;left:28px}.visual-look{bottom:25px;right:28px}.visual-look i{color:var(--accent);font-style:normal}.corner{position:absolute;z-index:6;width:18px;height:18px;border-color:#edf3e3;opacity:.8;border-style:solid;border-width:0;pointer-events:none}.c1{top:10px;left:10px;border-top-width:1px;border-left-width:1px}.c2{top:10px;right:10px;border-top-width:1px;border-right-width:1px}.c3{bottom:10px;left:10px;border-bottom-width:1px;border-left-width:1px}.c4{bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px}.hero-bottom{position:absolute;left:max(32px,calc((100vw - 1300px)/2));right:max(32px,calc((100vw - 1300px)/2));bottom:55px;z-index:8;display:grid;grid-template-columns:1.2fr 1.1fr .55fr;align-items:end;gap:40px}.hero-university{min-width:0}.selected-line{color:#b7c5bb;display:flex;gap:16px;margin-bottom:9px;white-space:nowrap}.selected-line span:first-child{color:var(--accent)}.selected-name{font-size:clamp(21px,2vw,31px);font-weight:800;letter-spacing:-.06em;line-height:1.1;white-space:nowrap}.selected-chinese{color:#adbbb3;margin-top:6px;display:block}.hero-switcher{display:flex;gap:9px;justify-content:center}.hero-switcher button{background:transparent;color:#b9c4bb;border:1px solid #c0cfc35e;height:50px;width:50px;border-radius:100%;font:10px var(--mono);cursor:pointer;position:relative;transition:background .3s,border .3s,color .3s,transform .3s}.hero-switcher button:hover{transform:translateY(-6px);border-color:#c3e0b2}.hero-switcher button.active{background:#d4e1b8;border-color:#d4e1b8;color:#14241a}.hero-switcher button:after{content:attr(data-short);display:block;position:absolute;top:-23px;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;font:8px var(--mono);color:white;transition:opacity .2s}.hero-switcher button:hover:after{opacity:1}.weather-box{display:flex;flex-direction:column;gap:12px;align-items:flex-end;color:#cad4cb}.weather-buttons{display:flex;gap:6px}.weather-buttons button{height:34px;width:34px;color:#d1dfd3;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff24;border-radius:100%;transition:background .3s}.weather-buttons button[aria-pressed="true"]{background:#d4e1b8;color:#18221b}.scroll-cue{position:absolute;right:25px;top:45%;writing-mode:vertical-rl;display:flex;gap:16px;align-items:center;z-index:7;color:#d8e1d7}.scroll-line{width:1px;height:56px;background:#f4f6e86b}
.transition-mark{background:#dedfda;color:#171817;height:63px;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid #0a0a0a18}.marquee-track{width:max-content;animation:marquee 24s linear infinite}.marquee-track span{white-space:nowrap;font:14px var(--mono);letter-spacing:.2em}.marquee-track i{font-style:normal;color:var(--accent);padding:0 55px}
/* Pinned horizontal five-campus method inspired by original [data-method-track] */
.framework{height:610vh;position:relative;background:var(--canvas);color:var(--ink)}.framework-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:var(--canvas)}.framework-intro,.framework-track{position:absolute;inset:0}.framework-intro{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 30px 90px;background:#f0f0ed;will-change:opacity,transform}.framework-intro h2{font-size:clamp(68px,10vw,156px);line-height:.94;letter-spacing:-.095em;margin:20px 0 27px;font-weight:800}.framework-intro h2>span{color:#777e78}.framework-intro p{max-width:550px;font-size:14px;line-height:1.8;color:#464d47}.asterisk{width:.2em;height:.2em;display:inline-block;vertical-align:baseline;margin-left:.05em;fill:none;color:var(--accent);stroke-linecap:round}.framework-aside{position:absolute;bottom:70px;display:flex;gap:16px;color:#6c766e}.framework-track{display:flex;width:500vw;transform:translate3d(100vw,0,0);z-index:2;will-change:transform}.framework-slide{width:100vw;min-width:100vw;height:100%;position:relative;flex:0 0 100vw;padding:100px max(45px,calc((100vw - 1320px)/2)) 70px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:5vw;overflow:hidden;background:#efefec}.framework-slide:nth-child(even){background:#dddeda}.frame-head{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.frame-nr{font-weight:800;font-size:clamp(105px,15vw,230px);letter-spacing:-.1em;color:#d9dbd5;line-height:.8;position:relative;margin-left:-10px}.frame-label{margin-top:40px;color:#9b3e3d}.frame-title{font-size:clamp(42px,5.2vw,83px);letter-spacing:-.08em;line-height:1.03;margin:17px 0 15px;font-weight:800}.frame-zh{color:#919790;font:16px var(--mono);letter-spacing:.17em}.frame-desc{max-width:360px;font-size:14px;line-height:1.8;color:#5b605c;margin:26px 0 27px}.frame-link{display:inline-flex;gap:22px;border-bottom:1px solid #171817;align-self:flex-start;padding:0 0 11px;font:11px var(--mono);text-transform:uppercase}.frame-link span{color:var(--accent)}.frame-media{position:relative;height:min(64vh,640px);width:100%;overflow:hidden;isolation:isolate;background:#82918b;box-shadow:0 35px 85px #1017113a;transform-style:preserve-3d;border-radius:2px}.frame-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s;transform:scale(1.05)}.frame-media:hover img{transform:scale(1.13)}.frame-media:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,#10161255,transparent 24%,transparent 73%,#1016127a);pointer-events:none}.frame-photo-label{position:absolute;z-index:3;bottom:21px;left:24px;color:white;font:10px var(--mono);letter-spacing:.13em}.frame-photo-note{position:absolute;z-index:3;top:21px;right:21px;color:white;font:10px var(--mono)}.frame-index-decoration{position:absolute;bottom:0;right:-3vw;font-size:17vw;font-weight:800;line-height:.85;letter-spacing:-.09em;opacity:.04;pointer-events:none}.framework-indicator{position:absolute;z-index:6;left:6vw;right:6vw;bottom:31px;color:#5c625c;display:flex;align-items:center;gap:14px}.framework-progress{width:230px;height:2px;background:#bdc3bc;overflow:hidden}.framework-progress i{display:block;height:100%;width:0;background:var(--accent)}.framework-instruction{margin-left:auto;font-size:9px}
/* Dark manifesto */
.dark-manifesto{background:#151918;color:#f1f2ed;padding:110px max(35px,calc((100vw - 1300px)/2)) 130px;min-height:830px;position:relative;overflow:hidden}.manifesto-top{display:flex;justify-content:space-between;color:#adb5ae;position:relative;z-index:3}.manifesto-top b{color:var(--accent);font-weight:400}.manifesto-head{max-width:1250px;font-size:clamp(60px,8.6vw,129px);line-height:1.03;letter-spacing:-.092em;font-weight:800;margin:150px 0 65px;position:relative;z-index:3}.manifesto-head span{color:#899a87}.manifesto-footer{display:flex;justify-content:space-between;align-items:end;gap:40px;position:relative;z-index:3}.manifesto-footer p{max-width:545px;line-height:1.8;color:#aab6ae;font-size:16px}.text-link{font:11px var(--mono);padding:15px 0;border-bottom:1px solid #d9e3db;white-space:nowrap}.text-link span{color:var(--accent);padding-left:35px}.orbit-art{position:absolute;width:480px;height:480px;right:0;top:24%;opacity:.4}.orbit{border:1px solid #b1d1b3;position:absolute;inset:0;border-radius:50%;transform:rotateX(60deg) rotateZ(18deg);animation:orbitSpin 12s linear infinite}.orbit-b{transform:rotateY(62deg) rotateZ(60deg);animation-duration:16s;inset:45px}.orbit-c{inset:100px;transform:rotateZ(42deg) rotateY(80deg);animation-duration:8s}.orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#a1ba9f;letter-spacing:.2em;font-size:32px}.orbit-core span{color:var(--accent);font-size:19px;margin:0 16px}
.intermission{height:73vh;min-height:530px;overflow:hidden;position:relative;color:#fff}.intermission-image{position:absolute;inset:-8%;background:url('/assets/campuses/zhejiang.webp') center 51%/cover;filter:contrast(1.04) saturate(.85);will-change:transform}.intermission:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#090f11d9,#090f117a,#090f111f)}.intermission-inner{position:relative;z-index:2;max-width:1300px;margin:auto;height:100%;padding:100px 30px 60px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.intermission h2{font-size:clamp(48px,6.2vw,95px);letter-spacing:-.08em;line-height:1.06;margin:auto 0;font-weight:800}.intermission h2 em{font-style:normal;color:#dce7cb}.intermission .mono:last-child{color:#e5eae1}
.pathways{background:#eff0ec;color:#161816;padding:120px max(30px,calc((100vw - 1270px)/2)) 130px}.pathways-top{display:grid;grid-template-columns:1fr 1.6fr;align-items:start;gap:30px;margin-bottom:76px}.pathways-top .bracket{grid-column:1/-1}.pathways-top h2{font-size:clamp(53px,7vw,94px);letter-spacing:-.09em;line-height:.98;margin:0;font-weight:800}.pathways-top h2 span{color:#878e86}.pathways-top p{max-width:350px;align-self:end;justify-self:end;font-size:16px;line-height:1.8;color:#5d655f;margin:0}.pathway-list{border-top:1px solid #a9b0a7}.pathway{display:grid;grid-template-columns:190px 1.5fr 1fr 35px;gap:20px;align-items:center;min-height:137px;border-bottom:1px solid #a9b0a7;position:relative;transition:color .3s,padding .4s;overflow:hidden}.pathway:before{content:'';position:absolute;inset:0;background:#1a211d;transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.2,.75,.2,1)}.pathway:hover:before{transform:scaleY(1)}.pathway:hover{color:#f2f2ed;padding-left:18px}.pathway>*{position:relative;z-index:1}.pathway>.mono{color:#9a4d4b}.pathway h3{font-size:clamp(24px,3.1vw,42px);font-weight:700;letter-spacing:-.06em;line-height:1.04;margin:0}.pathway-description{font-size:13px;color:#6c756c}.pathway:hover .pathway-description{color:#bbc8bd}.pathway>b{font-weight:400;color:var(--accent);font-size:25px}
.join-panel{background:#192521;color:#f2f4ed;padding:130px max(30px,calc((100vw - 1300px)/2)) 150px;position:relative;overflow:hidden;min-height:680px;isolation:isolate}.join-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#dce8d60b 1px,transparent 1px),linear-gradient(90deg,#dce8d60b 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(ellipse at 78% 40%,#000,transparent 70%)}.join-panel:before{content:'';position:absolute;z-index:-1;width:650px;height:650px;right:-160px;top:-90px;background:radial-gradient(circle,#8bae9245,transparent 62%);filter:blur(28px)}.join-panel h2{font-size:clamp(60px,9vw,137px);line-height:.98;letter-spacing:-.096em;font-weight:800;margin:75px 0 28px}.join-panel h2 span{color:#91b19b}.join-panel p{max-width:500px;color:#c5cec5;line-height:1.8;font-size:15px}.join-button{display:inline-flex;align-items:center;gap:60px;color:#1b211d;background:#d7e8c8;border-radius:30px;padding:18px 25px;margin-top:22px;font:12px var(--mono);transition:background .3s}.join-button:hover{background:#f2f6ef}.join-button span{color:#b44743}.join-zh{position:absolute;bottom:35px;right:5%;color:#bccabc}
.footer{background:#111313;padding:70px max(30px,calc((100vw - 1280px)/2)) 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:75px}.footer-logo{font-weight:800;font-size:clamp(60px,11vw,166px);letter-spacing:-.11em;line-height:1}.footer-logo span{color:var(--accent);letter-spacing:-.03em;font-size:.27em;vertical-align:top;margin-left:10px}.footer-top p{font:12px/1.8 var(--mono);color:#9baba0}.footer-top nav{display:grid;grid-template-columns:repeat(3,1fr);align-self:end;gap:17px 30px;font:11px var(--mono)}.footer-top nav a{color:#b9c3b9}.footer-top nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #3c4440;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#85938a;font-size:9px}.footer-bottom b{color:var(--accent)}
/* Entrance and pointer responsive */
[data-animate]{will-change:transform,opacity}.float-in{opacity:0;transform:translateY(40px)}.float-in.is-visible{opacity:1;transform:none;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.hero-copy h1,.hero-copy p,.hero-eyebrow,.hero-actions,.hero-details,.hero-bottom{transition:opacity 1.1s,transform 1.1s}.intro-active .hero-copy h1,.intro-active .hero-copy p,.intro-active .hero-eyebrow,.intro-active .hero-actions,.intro-active .hero-details,.intro-active .hero-bottom{opacity:0;transform:translateY(32px)}.intro-active .hero-visual{opacity:0;transform:scale(.94)}.hero-visual{transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1)}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes breath{from{opacity:.53;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}@keyframes cloudDrift{to{transform:translateX(70vw)}}@keyframes orbitSpin{to{rotate:360deg}}@keyframes scan{to{transform:translateY(110%)}}
@media(max-width:1200px){.nav-links{gap:12px}.hero-bottom{gap:20px}.hero-visual{right:35px;width:55vw;height:45vh;top:26%}.hero h1{font-size:clamp(68px,8.8vw,112px)}.framework-slide{gap:3vw}}
@media(max-width:930px){.nav-links{display:none}.hero{height:100svh;min-height:700px}.hero-details{top:108px;left:25px;right:25px}.hero-visual{width:60vw;height:43vh;top:24%;right:23px;opacity:.8}.hero-copy{left:30px;top:26%;max-width:80vw}.hero h1{font-size:clamp(68px,10vw,100px)}.hero-copy>p{max-width:365px}.hero-bottom{left:28px;right:28px;grid-template-columns:1fr auto;row-gap:18px}.hero-university{grid-column:1/-1}.weather-box{align-items:flex-end}.hero-switcher{justify-content:flex-start}.framework-slide{padding-left:35px;padding-right:35px}.frame-title{font-size:clamp(43px,6vw,67px)}.pathway{grid-template-columns:130px 1.5fr 1fr 25px}}
@media(max-width:640px){.intro-label>span,.intro-bottom span{display:none}.intro-count{font-size:30vw}.intro-dots span{font-size:7px;letter-spacing:0}.intro-dots{gap:0}.site-header{top:10px}.nav-shell{width:calc(100% - 20px);border-radius:24px;height:59px;min-height:59px;padding:7px 9px 7px 14px}.wordmark{min-width:auto}.wordmark-sub{font-size:6px}.nav-cta{padding:10px;font-size:8px}.nav-cta span{padding-left:3px}.menu-button{width:38px;height:38px}.menu-inside{padding:110px 25px 30px;overflow:auto}.menu-grid{grid-template-columns:1fr;gap:32px}.menu-primary a{font-size:30px}.menu-secondary a{font-size:10px}.menu-bottom{font-size:8px;gap:12px}.hero{height:850px;max-height:none;min-height:760px}.hero-details{top:94px;left:19px;right:19px;font-size:7px}.hero-details>span:last-child{display:none}.hero-copy{top:137px;left:22px;right:22px;max-width:none}.hero-eyebrow{font-size:8px}.hero h1{font-size:clamp(57px,13vw,81px);line-height:.97;margin:18px 0}.hero-copy>p{font-size:12px;max-width:330px;line-height:1.7;margin-bottom:16px}.hero-visual{width:89%;right:-5%;height:295px;top:390px;opacity:.88;z-index:2}.visual-image{transform:rotateY(-4deg) rotateX(1deg);box-shadow:0 25px 75px #000a}.hero-actions{gap:13px}.primary-link{font-size:9px;padding:13px 16px;gap:12px}.secondary-link{font-size:9px}.secondary-link span{margin-left:3px}.hero-bottom{left:19px;right:19px;bottom:45px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:13px}.hero-university{width:100%}.selected-name{font-size:19px}.selected-line{font-size:8px}.hero-switcher{gap:5px}.hero-switcher button{height:38px;width:38px;font-size:9px}.weather-box{font-size:8px;gap:6px}.weather-buttons button{height:28px;width:28px;font-size:11px}.scroll-cue{display:none}.transition-mark{height:49px}.marquee-track span{font-size:10px}.framework{height:550vh}.framework-sticky{min-height:0}.framework-intro h2{font-size:clamp(60px,13vw,92px)}.framework-intro p{font-size:12px}.framework-slide{display:flex;flex-direction:column-reverse;justify-content:center;align-items:stretch;gap:11px;padding:100px 23px 100px}.frame-media{height:38vh;min-height:230px}.frame-head{flex:initial;justify-content:start}.frame-nr{position:absolute;top:-75px;right:0;font-size:155px;color:#d1d4ce;opacity:.6}.frame-label{margin:4px 0 0;font-size:8px}.frame-title{font-size:clamp(42px,9vw,67px);margin:10px 0 3px}.frame-zh{font-size:11px}.frame-desc{font-size:12px;margin:14px 0 16px}.frame-link{font-size:9px}.framework-indicator{left:23px;right:23px;bottom:22px;font-size:9px}.framework-progress{width:120px}.framework-instruction{display:none}.dark-manifesto{min-height:710px;padding:85px 24px 90px}.manifesto-top{font-size:8px}.manifesto-head{font-size:clamp(50px,12vw,75px);margin-top:160px}.manifesto-footer{display:block}.manifesto-footer p{font-size:13px}.text-link{display:inline-flex;margin-top:20px;font-size:9px}.orbit-art{width:330px;height:330px;right:-150px;top:18%}.intermission{height:58vh;min-height:460px}.intermission-inner{padding:75px 24px 38px}.intermission h2{font-size:clamp(45px,10vw,65px)}.pathways{padding:90px 22px 100px}.pathways-top{display:block;margin-bottom:50px}.pathways-top h2{font-size:55px;margin:30px 0}.pathways-top p{font-size:13px}.pathway{min-height:116px;grid-template-columns:1fr 30px;gap:10px}.pathway .mono{grid-column:1/-1;font-size:8px;align-self:end}.pathway h3{font-size:29px;align-self:start}.pathway-description{grid-column:1;grid-row:3;font-size:11px;align-self:start}.pathway b{grid-column:2;grid-row:2}.join-panel{min-height:630px;padding:95px 22px}.join-panel h2{font-size:clamp(55px,13vw,86px);margin-top:90px}.join-panel p{font-size:13px}.footer{padding:70px 24px 30px}.footer-top{display:block}.footer-logo{font-size:99px}.footer-top nav{margin-top:60px;grid-template-columns:repeat(2,1fr);font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none}.hero-visual,.visual-image{transform:none!important}.framework-slide,.framework-intro{transition:none}.float-in{opacity:1;transform:none}}
@media(max-width:640px){.hero{height:945px;min-height:945px}.hero-visual{top:405px;height:270px;width:92%;right:-7%}.hero-bottom{bottom:36px}.hero-university{margin-top:0}.hero-actions{position:relative;z-index:9}.hero-copy>p{max-width:345px}}
.hero-visual{pointer-events:auto}.framework-track{cursor:grab;touch-action:pan-y}.framework-track.dragging{cursor:grabbing;user-select:none}.framework-track.dragging a{pointer-events:none}
.transition-mark{position:relative;isolation:isolate}.transition-mark .marquee-track{position:relative;z-index:2}.ink-blob{position:absolute;inset:-50px 0 -40px auto;width:30%;background:#f6f6f1;filter:url(#pcaa-ink-edge);opacity:.8;transform:translateX(130%);animation:inkTravel 17s ease-in-out infinite;pointer-events:none}@keyframes inkTravel{0%,30%{transform:translateX(130%)}70%,100%{transform:translateX(-460%)}}
@media(prefers-reduced-motion:reduce){.ink-blob{display:none}}