:root{--ink:#101927;--muted:#5e6d7d;--paper:#f5f6f2;--teal:#00a89c;--cyan:#16bfd0;--yellow:#ffc44d;--yellow-ink:#b87500;--orange:#f57945;--navy:#17345c;--green:#7fa640;--line:rgba(16,25,39,.14);--max:1240px;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sans:Inter,"Helvetica Neue",Arial,"PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans)}img{display:block;max-width:100%}a{color:inherit}::selection{background:var(--orange);color:#fff}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:1000;padding:10px;background:#fff}
.site-head{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:28px;min-height:74px;padding:10px max(22px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(255,255,255,.14);color:#fff;background:rgba(6,16,27,.9);backdrop-filter:blur(18px)}.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.site-brand img{width:230px;height:auto;max-height:46px;object-fit:contain}.site-brand span{display:none}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a,.quick a{padding:10px 11px;text-decoration:none;font:650 11px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#c7d2df;border-radius:99px}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff;background:rgba(255,255,255,.1)}.join-pill{background:linear-gradient(90deg,var(--teal),var(--cyan))!important;color:#04131c!important}.nav-toggle{display:none;color:#fff;border:0;background:transparent;font-size:24px}
.campus-hero{position:relative;min-height:min(84vh,880px);display:flex;align-items:end;overflow:hidden;color:#fff;background:#0b1b2a}.campus-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hero-in 1.2s ease both}.campus-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,26,.1),rgba(4,15,26,.2) 45%,rgba(4,15,26,.9))}.hero-copy{position:relative;z-index:2;width:min(var(--max),calc(100% - 44px));margin:0 auto;padding:90px 0 72px}.eyebrow{display:inline-block;font:700 11px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--yellow-ink)}.hero-copy .eyebrow,.campus-break .eyebrow,.section--dark .eyebrow{color:var(--yellow)}.hero-copy h1{max-width:11em;margin:18px 0;font-size:clamp(3.2rem,8vw,7.8rem);font-weight:460;line-height:.88;letter-spacing:-.06em;text-wrap:balance}.hero-copy p{max-width:60ch;margin:0;color:#dbe4eb;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.55}.photo-credit{position:absolute;right:22px;bottom:18px;z-index:3;color:rgba(255,255,255,.66);font:600 9px/1 var(--mono);letter-spacing:.08em}.photo-credit a{text-underline-offset:3px}
.page-main{overflow:hidden}.section{padding:clamp(75px,10vw,140px) max(22px,calc((100vw - var(--max))/2))}.section--white{background:#fff}.section--dark{color:#eef5f7;background:#07131f}.section--tint{background:#e9f2ef}.section-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(45px,9vw,120px)}.section h2{max-width:12em;margin:14px 0 28px;font-size:clamp(2.5rem,5.5vw,5.4rem);font-weight:470;line-height:.95;letter-spacing:-.055em}.section h3{font-size:clamp(1.4rem,2vw,2rem);font-weight:560;line-height:1.15}.lede{max-width:60ch;color:var(--muted);font-size:clamp(1.1rem,1.7vw,1.38rem);line-height:1.65}.section--dark .lede,.section--dark p{color:#aebbc5}.prose{max-width:74ch}.prose p,.prose li{color:var(--muted);font-size:1.03rem;line-height:1.75}.prose strong{color:var(--ink)}.section--dark .prose strong{color:#fff}.prose ul{padding-left:1.15em}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:var(--line)}.kpi{padding:32px;background:var(--paper)}.kpi b{display:block;font-size:clamp(2.6rem,5vw,5rem);font-weight:470;letter-spacing:-.06em}.kpi span{font:650 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.campus-break{position:relative;min-height:72vh;display:grid;place-items:end start;overflow:hidden;color:#fff}.campus-break img{position:absolute;inset:-7% 0;width:100%;height:114%;object-fit:cover;transform:translateY(var(--parallax,0))}.campus-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,23,.76),rgba(3,13,23,.1) 70%),linear-gradient(0deg,rgba(3,13,23,.55),transparent 55%)}.campus-break__copy{position:relative;z-index:2;width:min(var(--max),calc(100% - 44px));margin:0 auto;padding:70px 0}.campus-break h2{max-width:11em;margin:15px 0;font-size:clamp(3rem,7vw,7rem);font-weight:460;line-height:.9;letter-spacing:-.06em}.campus-break p{max-width:50ch;color:#dfe6eb;line-height:1.6}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.pillar{position:relative;min-height:420px;padding:28px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;color:#fff;background:#0b1926;text-decoration:none}.pillar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.pillar:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,18,.95),rgba(3,10,18,.08))}.pillar>*{position:relative;z-index:2}.pillar span{font:700 10px/1 var(--mono);letter-spacing:.16em;color:#67dfd5}.pillar h3{margin:14px 0 8px}.pillar p{margin:0;color:#c4d0d8;line-height:1.5}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.person{background:#fff;border:1px solid var(--line)}.person img,.person-placeholder{width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,var(--navy),var(--teal));}.person-placeholder{display:grid;place-items:center;color:#fff;font-size:4rem;font-weight:300}.person__copy{padding:21px}.person__copy h3{margin:0 0 8px;font-size:1.25rem}.person__copy p{margin:3px 0;color:var(--muted);font-size:.9rem;line-height:1.45}.person__copy .role{color:var(--yellow-ink);font:700 10px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase}.alumni{columns:2;column-gap:55px;padding:0;list-style:none}.alumni li{break-inside:avoid;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.research-block{display:grid;grid-template-columns:70px 1fr;gap:35px;padding:45px 0;border-top:1px solid var(--line)}.research-block .num{font:700 12px/1 var(--mono);color:var(--orange)}.research-block h3{margin:0 0 15px;font-size:clamp(2rem,3.4vw,3.5rem);letter-spacing:-.04em}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding:0;list-style:none}.topic-list li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.55}
.research-scroll{background:#06111c}.research-scroll__section{position:relative;min-height:145vh;color:#fff}.research-scroll__panel{position:sticky;top:74px;display:grid;grid-template-columns:1.15fr .85fr;height:calc(100vh - 74px);min-height:650px;overflow:hidden;background:#07131f}.research-scroll__section:nth-child(even) .research-scroll__panel{grid-template-columns:.85fr 1.15fr}.research-scroll__section:nth-child(even) .research-scroll__visual{order:2}.research-scroll__visual{position:relative;overflow:hidden}.research-scroll__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#07131f)}.research-scroll__section:nth-child(even) .research-scroll__visual:after{background:linear-gradient(270deg,transparent 55%,#07131f)}.research-scroll__visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.05);transform:scale(1.03)}.research-scroll__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,90px)}.research-scroll__num{font:700 10px/1 var(--mono);letter-spacing:.18em;color:#6ae2d7}.research-scroll__copy h2{margin:20px 0;font-size:clamp(3rem,5.5vw,6rem);font-weight:470;line-height:.9;letter-spacing:-.06em}.research-scroll__copy>p{max-width:42ch;color:#bdc9d2;font-size:1.05rem;line-height:1.6}.research-keywords{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 0;padding:0;list-style:none}.research-keywords li{padding:9px 11px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:#e4edf2;font:650 9px/1.2 var(--mono);letter-spacing:.06em}.research-scroll__cta{margin-top:28px;color:#72e1d7;text-decoration:none;font-weight:650}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,110px);align-items:end}.about-update{padding:28px;border:1px solid var(--line);background:#fff}.about-update p{font-size:1.25rem;line-height:1.45}.about-update a{text-underline-offset:4px}.about-leadership{margin:14px 0 0;color:var(--muted);font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.55}.about-leadership a{color:var(--ink);font-weight:750;text-decoration-color:currentColor;text-decoration-thickness:1.5px;text-underline-offset:3px}.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.manifesto-accent,.text-accent{color:var(--yellow)}.manifesto-divider{padding:0 .3em;color:rgba(255,255,255,.7)}.hero-copy .hero-manifesto{max-width:none;font-size:clamp(1.08rem,1.8vw,1.38rem);font-weight:650}
.pub-tools{display:flex;gap:12px;align-items:center;margin:35px 0}.pub-tools input{width:min(520px,100%);padding:15px 18px;border:1px solid var(--line);background:#fff;font:inherit}.pub-year{display:grid;grid-template-columns:140px 1fr;gap:35px;padding:40px 0;border-top:1px solid var(--line)}.pub-year h2{margin:0;font-size:2.5rem}.pub-list{margin:0;padding:0 0 0 2.5rem;list-style:decimal}.pub-list li{padding:0 0 24px .35rem;color:var(--muted);line-height:1.6}.pub-list li::marker{color:var(--yellow-ink);font:800 11px/1 var(--mono)}.pub-list strong{color:var(--ink)}.author-highlight{padding:0 .15em;color:#fff;background:var(--navy);font-weight:750}.pub-note{color:var(--orange);font-weight:800}.badge{display:inline-block;margin:5px 0 0 8px;padding:5px 8px;color:#fff;background:var(--orange);font:700 9px/1.25 var(--mono);letter-spacing:.05em;text-transform:uppercase}.publication-key{margin:-10px 0 28px;color:var(--muted);font-size:.88rem}.publication-key sup{color:var(--orange);font-weight:800}
.teaching-group{padding:36px;border:1px solid var(--line);background:#fff}.teaching-group+.teaching-group{margin-top:24px}.teaching-brand{display:flex;align-items:center;min-height:74px;margin-bottom:20px}.teaching-brand img{width:auto;max-width:min(420px,100%);max-height:74px;object-fit:contain}.teaching-brand--cam img{max-height:64px}.supervision-note{margin-top:24px;padding:18px 20px;border-left:3px solid var(--teal);color:var(--muted);background:#f2f6f4;font-size:.9rem;line-height:1.6}
.timeline{display:grid;gap:0}.course{display:grid;grid-template-columns:170px 1fr;gap:32px;padding:38px 0;border-top:1px solid var(--line)}.course time{font:700 11px/1.5 var(--mono);letter-spacing:.1em;color:var(--yellow-ink)}.course h3{margin:0 0 10px}.course p{margin:4px 0;color:var(--muted);line-height:1.6}
.status-card{padding:35px;border-left:5px solid var(--orange);background:#fff}.status-card h3{margin-top:0}.opportunities{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.opportunity{padding:26px;border:1px solid var(--line);background:#fff}.opportunity span{color:var(--yellow-ink);font:700 10px/1 var(--mono);letter-spacing:.1em}.opportunity h3{margin:15px 0 8px}.opportunity p{color:var(--muted);line-height:1.55}.faq{max-width:900px;margin-top:40px}.faq details{border-top:1px solid var(--line)}.faq summary{cursor:pointer;padding:24px 34px 24px 0;font-size:1.12rem;font-weight:620;list-style:none}.faq summary:after{content:"+";float:right;color:var(--teal)}.faq details[open] summary:after{content:"−"}.faq details p{max-width:70ch;margin:0 0 25px;color:var(--muted);line-height:1.7}
.button{display:inline-block;margin-top:18px;padding:14px 21px;border-radius:99px;color:#fff;background:var(--navy);text-decoration:none;font-weight:650}.button--teal{background:var(--teal)}.logo-strip{color-scheme:only light;display:grid;grid-template-columns:1.15fr .9fr 1fr 1.25fr;align-items:center;gap:38px;padding:44px max(22px,calc((100vw - var(--max))/2));background:linear-gradient(135deg,#f5ecdf 0%,#ead8c1 100%);border-top:1px solid rgba(113,73,35,.16);box-shadow:inset 0 1px rgba(255,255,255,.48)}.logo-strip img{width:100%;height:58px;object-fit:contain}.logo-strip img:last-child{height:64px}.site-foot{padding:60px max(22px,calc((100vw - var(--max))/2)) 32px;color:#aebbc5;background:#07131f}.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.site-foot img{width:165px}.site-foot p,.site-foot address{font:normal .82rem/1.8 var(--mono)}.site-foot nav{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.site-foot nav a{text-decoration:none}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#687987;font-size:.75rem}
.about-intro{grid-template-columns:1.2fr .8fr .8fr;gap:clamp(18px,3vw,42px);align-items:stretch}.about-update{display:flex;flex-direction:column}.about-update p{font-size:1.16rem}.about-update a{margin-top:auto}.about-update--join{border-color:rgba(245,121,69,.45);background:#fff8f1}.about-update--join .eyebrow{color:var(--yellow-ink)}
.research-scroll__copy{overflow:auto}.research-keywords--details{display:grid;gap:0;width:100%;margin-top:20px}.research-keywords--details details{border-top:1px solid rgba(255,255,255,.16)}.research-keywords--details summary{cursor:pointer;padding:12px 26px 12px 0;color:#eef5f7;font:650 10px/1.35 var(--mono);letter-spacing:.045em;list-style:none}.research-keywords--details summary:after{content:"+";float:right;color:#67dfd5;font-size:15px}.research-keywords--details details[open] summary:after{content:"−"}.research-keywords--details p{margin:0 0 14px;max-width:48ch;color:#9fb0bc;font-size:.88rem;line-height:1.55}
.team-author{padding:.04em .2em;color:#542400;background:var(--yellow);border-bottom:2px solid var(--orange);font-weight:760}
.section--tint .eyebrow{color:var(--yellow-ink)}.kpi b,.pub-year>h2{color:var(--yellow-ink)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.kpi b{background:linear-gradient(110deg,var(--yellow-ink),var(--orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.pillar span,.research-scroll__num,.research-block .num{color:var(--yellow)}
.final-thought-note{max-width:900px;margin:0}.final-thought-note h3{margin:8px 0 12px;font-size:1.05rem}.final-thought-note p{margin:8px 0;font-size:.9rem}.join-label{color:var(--yellow-ink)!important}.final-thought-note .join-label{font:800 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.join-page main a[target="_blank"]:not([href*="hku.hk/multimedia"])::after,.join-page main a[href^="mailto:"]::after{content:" ↗";color:var(--yellow-ink);font-weight:800;text-decoration:none}.join-page main .reading-list a[target="_blank"]::after{content:none}
.recruitment-call{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}.recruitment-call li{padding:15px 18px;border-left:3px solid var(--yellow);color:var(--ink);background:#fff8df;font-weight:720}.recruitment-call span{color:var(--muted);font-weight:560}.opening-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(45px,9vw,120px);align-items:end}.opening-intro .eyebrow,.opening-intro h2{grid-column:1}.opening-intro .lede{grid-column:2;grid-row:1 / span 2;margin:0}.opening-list{margin-top:55px;border-top:1px solid var(--line)}.opening-row{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:38px 0;border-bottom:1px solid var(--line)}.opening-index{color:var(--yellow-ink);font:800 12px/1 var(--mono);letter-spacing:.14em}.opening-row h3{margin:0 0 8px}.opening-row p:first-of-type{margin-top:0}.opening-meta{color:var(--yellow-ink)!important;font:750 11px/1.45 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase}.requirement-note{margin:10px 0 20px;padding:13px 16px;border-left:3px solid var(--yellow);color:var(--muted);background:#fff8df;font-size:.84rem;line-height:1.6}.requirement-note sup{color:var(--yellow-ink);font-weight:800}
.join-feature{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,100px);align-items:start}.join-feature--reverse{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)}.join-feature__media{position:sticky;top:104px;margin:0}.join-feature__media img{width:100%;height:min(76vh,760px);min-height:560px;object-fit:cover;object-position:67% center}.join-feature--reverse .join-feature__media img{object-position:52% center}.join-feature__media figcaption{padding-top:10px;color:var(--muted);font:650 9px/1.45 var(--mono);letter-spacing:.06em}.join-feature__content h2{font-size:clamp(2.6rem,4.8vw,5rem)}.join-feature__content>.lede{margin-bottom:34px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.capability-grid article{padding:24px;border-top:3px solid var(--yellow);background:#fff}.capability-grid span{color:var(--yellow-ink);font:800 10px/1 var(--mono);letter-spacing:.14em}.capability-grid h3{margin:13px 0 9px;font-size:1.16rem}.capability-grid p,.admission-cards p,.funding-note,.institution-note p{color:var(--muted);line-height:1.65}.profile-note{margin-top:18px;padding:18px 20px;border-left:3px solid var(--yellow);color:var(--muted);background:#f7faf7;font-size:.9rem;line-height:1.65}.admission-cards{display:grid;gap:14px}.admission-cards article{padding:26px;border:1px solid var(--line);background:#f7f8f4}.admission-cards h3{margin:0 0 10px}.admission-cards a,.funding-note a{font-weight:700;text-decoration-color:var(--yellow-ink);text-decoration-thickness:2px;text-underline-offset:3px}.funding-note{margin:18px 0;padding:17px 19px;border-left:3px solid var(--yellow);background:#fff8df}.join-rankings{margin-top:24px}.join-rankings .kpi{padding:18px}.join-rankings .kpi b{font-size:clamp(2rem,3.2vw,3.4rem)}.institution-note{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.institution-note p{margin:0}.reading-list{display:grid;gap:0;margin-top:28px;padding-left:1.35rem}.reading-list li{padding:15px 0 15px 6px;border-top:1px solid var(--line)}.reading-list a{display:inline;color:var(--ink);font-weight:700;text-decoration-color:var(--yellow-ink);text-decoration-thickness:2px;text-underline-offset:4px}.reading-list cite{font-style:italic}.citation-meta{display:block;margin-top:6px;color:var(--muted);font:600 10px/1.55 var(--mono);letter-spacing:.025em}
.kpi-row.kpi-row--four{grid-template-columns:repeat(4,1fr)}
.why-join{overflow:hidden}.why-join__intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(45px,9vw,120px);align-items:end}.why-join__intro h2{margin-bottom:0}.why-join__context{max-width:68ch}.why-join__context p{color:#b7c2ca;font-size:1.05rem;line-height:1.72}.why-join__context a{color:#fff;font-weight:700;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}.why-join__context strong{color:var(--yellow)}.why-join__showcase{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(28px,5vw,68px);align-items:stretch;margin-top:60px}.why-join__visual{display:flex;flex-direction:column;justify-content:flex-end;margin:0;padding:clamp(22px,4vw,48px) clamp(15px,3vw,40px) 12px;background:#d8d1c1}.why-join__visual img{width:100%;height:auto;max-height:540px;object-fit:contain}.why-join__visual figcaption{padding-top:12px;color:#49525a;font:650 9px/1.45 var(--mono);letter-spacing:.06em}.why-join__visual a{font-weight:700}.why-join__funding{padding:clamp(25px,4vw,44px);border-top:4px solid var(--yellow);background:#102231}.micro-label{color:var(--yellow);font:800 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.why-join__funding h3{max-width:13em;margin:16px 0 28px;font-size:clamp(1.8rem,3vw,3.1rem);font-weight:520;letter-spacing:-.035em}.funding-paths{display:grid;gap:18px}.funding-paths article{padding-top:18px;border-top:1px solid #29404f}.funding-paths article>span{color:var(--yellow);font:800 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.funding-paths h4{margin:9px 0 8px;color:#fff;font-size:1.08rem}.funding-paths p{margin:0;color:#aebbc5;font-size:.92rem;line-height:1.65}.funding-paths a{color:#fff;text-decoration-color:var(--yellow);text-underline-offset:3px}.why-join__rankings{margin-top:44px;background:#29404f}.why-join__rankings .kpi{padding:24px;background:#102231}.why-join__rankings .kpi b{color:var(--yellow);font-size:clamp(2.6rem,4.5vw,4.5rem)}.why-join__rankings .kpi span{color:#aebbc5}.why-join__source{display:grid;grid-template-columns:minmax(170px,.36fr) 1fr;align-items:center;gap:24px;margin-top:20px;padding:14px;border:1px solid #29404f;color:#fff;background:#0c1b28;transition:border-color .25s,transform .25s}.why-join__source:hover{border-color:var(--yellow);transform:translateY(-2px)}.why-join__source img{width:100%;height:90px;object-fit:cover}.why-join__source span{display:grid;gap:8px}.why-join__source small{color:#8fa0ab;font:650 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.why-join__source strong{color:var(--yellow);font-size:1.08rem}.join-page main .why-join__context a::after,.join-page main .funding-paths a::after,.join-page main .why-join__visual a::after,.join-page main .why-join__source::after{content:none}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes hero-in{from{scale:1.06;opacity:.5}to{scale:1;opacity:1}}
@media(max-width:900px){.nav-toggle{display:block}.site-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;padding:14px 22px;background:#07131f}.site-nav.is-open{display:flex}.site-nav a{padding:14px}.section-grid,.foot-grid,.about-intro,.opening-intro,.join-feature,.join-feature--reverse,.why-join__intro,.why-join__showcase{grid-template-columns:1fr}.opening-intro .eyebrow,.opening-intro h2,.opening-intro .lede{grid-column:1;grid-row:auto}.opening-row{grid-template-columns:54px 1fr}.application-notes{margin-left:82px}.join-feature__media{position:relative;top:0;order:0}.join-feature__content{order:1}.join-feature__media img{height:56vh;min-height:420px}.pillars{grid-template-columns:1fr}.pillar{min-height:350px}.team-grid{grid-template-columns:repeat(2,1fr)}.opportunities{grid-template-columns:1fr}.topic-list{grid-template-columns:1fr}.site-foot nav{justify-content:flex-start}.campus-hero{min-height:72vh}.hero-copy h1{font-size:clamp(3.2rem,13vw,6rem)}.logo-strip{grid-template-columns:1fr 1fr}.research-scroll__section{min-height:auto}.research-scroll__panel,.research-scroll__section:nth-child(even) .research-scroll__panel{position:relative;top:0;grid-template-columns:1fr;height:auto;min-height:0}.research-scroll__section:nth-child(even) .research-scroll__visual{order:0}.research-scroll__visual{height:52vh;min-height:380px}.research-scroll__visual:after,.research-scroll__section:nth-child(even) .research-scroll__visual:after{background:linear-gradient(0deg,#07131f,transparent 60%)}.research-scroll__copy{padding:55px 24px 75px}}
.join-page main .why-join__context a::after,.join-page main .funding-paths a::after,.join-page main .why-join__visual a::after,.join-page main .why-join__source::after{content:none!important}
@media(max-width:600px){.site-head{min-height:66px}.site-brand img{width:180px}.team-grid{grid-template-columns:1fr}.alumni{columns:1}.kpi-row{grid-template-columns:1fr}.capability-grid,.institution-note{grid-template-columns:1fr}.pub-year,.course,.research-block,.opening-row{grid-template-columns:1fr}.opening-row{gap:14px}.application-notes{margin-left:0}.join-feature__media img{height:62vh;min-height:360px}.pub-year{gap:15px}.research-block{gap:16px}.logo-strip{grid-template-columns:1fr;gap:25px}.logo-strip img{width:min(330px,100%);object-position:left center}.hero-copy{padding-bottom:50px}.campus-break{min-height:62vh}.why-join__source{grid-template-columns:1fr}.why-join__source img{height:auto}.why-join__visual{padding:22px 10px 10px}}
@media(max-width:600px){.kpi-row.kpi-row--four{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.campus-hero>img{animation:none}}
.reading-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,100px);align-items:start}.reading-section__intro{position:sticky;top:104px}.reading-photo{margin:32px 0 0}.reading-photo img{width:100%;height:min(58vh,560px);min-height:440px;object-fit:cover}.reading-photo figcaption{padding-top:10px;color:var(--muted);font:650 9px/1.45 var(--mono);letter-spacing:.06em}
@media(max-width:900px){.reading-section{grid-template-columns:1fr}.reading-section__intro{position:relative;top:0}.reading-photo img{height:55vh;min-height:400px}}
.why-join__visual{position:relative;display:block;overflow:hidden;padding:0;background:#d8b846}.why-join__visual img{width:100%;height:100%;min-height:620px;max-height:none;object-fit:cover;object-position:center}.why-join__visual figcaption{position:absolute;right:0;bottom:0;left:0;padding:36px 18px 14px;color:#fff;background:linear-gradient(transparent,rgba(7,19,31,.88));font:650 9px/1.45 var(--mono);letter-spacing:.06em}.why-join__visual a{color:#fff}.why-join__rankings{grid-template-columns:repeat(4,minmax(0,1fr))}.why-join__rankings .kpi{min-width:0}.why-join__rankings .kpi span{line-height:1.45}
@media(max-width:900px){.why-join__visual img{min-height:520px}.why-join__rankings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.why-join__visual img{min-height:360px}.why-join__rankings{grid-template-columns:repeat(2,minmax(0,1fr))}.why-join__rankings .kpi{padding:18px 14px}.why-join__rankings .kpi b{font-size:clamp(2.25rem,12vw,3.4rem)}.why-join__rankings .kpi span{font-size:.72rem}}
.research-vision__image{width:100%;margin:0 0 30px}.research-vision__image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.research-vision__image figcaption{padding-top:10px;color:var(--muted);font:650 9px/1.45 var(--mono);letter-spacing:.06em}.research-vision__image a{color:var(--ink);font-weight:700;text-decoration-color:var(--yellow-ink);text-underline-offset:3px}
.why-join__rankings .kpi b{background:linear-gradient(125deg,var(--rank-start,#ffe36a),var(--rank-end,#ff9f32));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.why-join__rankings .kpi:nth-child(1){--rank-start:#fff08a;--rank-end:#ffd84d}.why-join__rankings .kpi:nth-child(2){--rank-start:#ffe36a;--rank-end:#ffc247}.why-join__rankings .kpi:nth-child(3){--rank-start:#ffd54f;--rank-end:#ffb33b}.why-join__rankings .kpi:nth-child(4){--rank-start:#ffca45;--rank-end:#ffa43a}.why-join__rankings .kpi:nth-child(5){--rank-start:#ffba40;--rank-end:#ff9638}.why-join__rankings .kpi:nth-child(6){--rank-start:#ffac3d;--rank-end:#f88935}.why-join__rankings .kpi:nth-child(7){--rank-start:#ff9f39;--rank-end:#ee7c32}.why-join__rankings .kpi:nth-child(8){--rank-start:#ff9137;--rank-end:#df6f2f}
.how-we-work__steps .kpi b{background:linear-gradient(125deg,var(--step-start,#fff08a),var(--step-end,#ff9f32));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.how-we-work__steps .kpi:nth-child(1){--step-start:#fff08a;--step-end:#ffd84d}.how-we-work__steps .kpi:nth-child(2){--step-start:#ffd54f;--step-end:#ffb33b}.how-we-work__steps .kpi:nth-child(3){--step-start:#ffac3d;--step-end:#f88935}
.open-access-label{display:inline-flex;align-items:center;margin-left:8px;padding:4px 7px;border:1px solid #86c59b;border-radius:999px;color:#17683a;background:#e7f6ec;font:800 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}
.research-scroll__copy{min-height:0;overflow-y:auto;justify-content:safe center;scrollbar-gutter:stable}.research-scroll__num{font-size:13px;line-height:1.1;letter-spacing:.16em}.research-keywords--details summary{padding:14px 28px 14px 0;font-size:13px;line-height:1.4;letter-spacing:.035em}.research-keywords--details summary:after{font-size:18px}.research-keywords--details p{margin-bottom:16px;font-size:.92rem;line-height:1.58}
.research-scroll__num{position:sticky;top:0;z-index:3;align-self:flex-start;padding:8px 12px 8px 0;background:linear-gradient(90deg,#07131f 78%,rgba(7,19,31,0))}
@media(max-width:600px){.reading-photo img{height:62vh;min-height:360px}}

/* Research cinematic prototype: scroll is the timeline; images are replaceable by encoded video later. */
.research-cinematic{--cinematic-progress:0;position:relative;isolation:isolate;background:#06111c}
.research-cinematic__stage{position:sticky;top:74px;z-index:0;height:calc(100vh - 74px);overflow:hidden;background:#06111c}
.research-cinematic__scene{position:absolute;inset:0;opacity:0;transform:scale(1.08);will-change:opacity,transform;transition:opacity .12s linear}
.research-cinematic__scene img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.08) brightness(.72)}
.research-cinematic__scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,22,.14),rgba(4,13,22,.28) 48%,rgba(4,13,22,.94) 82%),linear-gradient(0deg,rgba(4,13,22,.62),transparent 45%)}
.research-cinematic__scene--augment{opacity:var(--scene-1,1);transform:scale(calc(1.08 - var(--scene-1-progress,0)*.06)) translate3d(calc(var(--scene-1-progress,0)*-1.5%),0,0)}
.research-cinematic__scene--situate{opacity:var(--scene-2,0);transform:scale(calc(1.08 - var(--scene-2-progress,0)*.06)) translate3d(calc((1 - var(--scene-2-progress,0))*1.5%),0,0)}
.research-cinematic__scene--deploy{opacity:var(--scene-3,0);transform:scale(calc(1.08 - var(--scene-3-progress,0)*.06)) translate3d(calc((1 - var(--scene-3-progress,0))*1.5%),0,0)}
.research-cinematic__glow{position:absolute;left:18%;top:30%;width:30vw;height:30vw;border-radius:50%;background:radial-gradient(circle,rgba(0,212,194,.24),transparent 68%);mix-blend-mode:screen;transform:translate3d(calc(var(--cinematic-progress)*8vw),calc(var(--cinematic-progress)*-3vw),0)}
.research-cinematic__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(91,226,213,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(91,226,213,.2) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 68%);transform:perspective(700px) rotateX(62deg) translateY(48%) scale(1.5);transform-origin:bottom}
.research-cinematic__hud{position:absolute;left:max(22px,calc((100vw - var(--max))/2));right:max(22px,calc((100vw - var(--max))/2));bottom:26px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;color:#d7e2e9;font:750 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.research-cinematic__hud b{color:var(--yellow);font-size:13px}.research-cinematic__hud i{height:1px;background:linear-gradient(90deg,var(--yellow) calc(var(--cinematic-progress)*100%),rgba(255,255,255,.2) 0)}.research-cinematic__hud small{font:inherit;color:#8fa2ae}
.research-cinematic .research-scroll__section{z-index:2;min-height:115vh;margin-top:0;padding:15vh max(22px,calc((100vw - var(--max))/2)) 18vh;pointer-events:none}
.research-cinematic .research-scroll__section:first-of-type{margin-top:calc(-100vh + 74px)}
.research-cinematic .research-scroll__panel,.research-cinematic .research-scroll__section:nth-child(even) .research-scroll__panel{position:relative;top:auto;display:block;width:min(570px,48vw);height:auto;min-height:0;margin-left:auto;overflow:visible;background:transparent;pointer-events:auto}
.research-cinematic .research-scroll__visual{display:none}
.research-cinematic .research-scroll__copy{max-height:none;overflow:visible;justify-content:flex-start;padding:clamp(28px,4vw,54px);border:1px solid rgba(255,255,255,.14);background:rgba(7,19,31,.82);box-shadow:0 30px 90px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.research-cinematic .research-scroll__num{position:static;padding:0;background:none}
.research-cinematic .research-scroll__copy h2{font-size:clamp(3rem,4.8vw,5.2rem)}

@media(max-width:900px){
  .research-cinematic__stage{top:66px;height:calc(100vh - 66px)}
  .research-cinematic__scene:after{background:linear-gradient(0deg,rgba(4,13,22,.96) 5%,rgba(4,13,22,.25) 72%),linear-gradient(90deg,rgba(4,13,22,.15),rgba(4,13,22,.45))}
  .research-cinematic__hud{bottom:15px;grid-template-columns:auto auto 1fr}.research-cinematic__hud small{display:none}
  .research-cinematic .research-scroll__section{min-height:125vh;margin-top:0;padding:44vh 22px 14vh}
  .research-cinematic .research-scroll__section:first-of-type{margin-top:calc(-100vh + 66px)}
  .research-cinematic .research-scroll__panel,.research-cinematic .research-scroll__section:nth-child(even) .research-scroll__panel{width:100%;margin:0}
  .research-cinematic .research-scroll__copy{max-height:none;padding:26px 22px}
  .research-cinematic .research-scroll__copy h2{font-size:clamp(2.7rem,10vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.research-cinematic__scene{transform:none!important;transition:none}.research-cinematic__grid,.research-cinematic__glow{display:none}}
.research-world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:radial-gradient(circle at 35% 45%,#123649 0,#071824 42%,#030a12 100%)}
.research-world-fallback{display:none;position:absolute;inset:0}.research-world-fallback img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.8)}
.research-world-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#07131f 78%)}
.research-world-canvas.is-unavailable+.research-world-fallback{display:block}
@media(prefers-reduced-motion:reduce){.research-world-canvas{display:none}.research-world-fallback{display:block}}
.research-outro{margin-top:-100px}

/* Persistent light / dark appearance switch. */
.theme-toggle{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:rgba(255,255,255,.07);font:700 18px/1 var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.theme-toggle:hover{border-color:var(--yellow);background:rgba(255,255,255,.14);transform:rotate(8deg)}.theme-toggle:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--ink:#edf4f6;--muted:#aebbc5;--paper:#07131f;--line:rgba(225,238,244,.15);--yellow-ink:#ffc44d}
html[data-theme=dark] body{color:var(--ink);background:#07131f}
html[data-theme=dark] .section--white{background:#0b1926}
html[data-theme=dark] .section--tint{background:#102231}
html[data-theme=dark] .section--white .prose p,html[data-theme=dark] .section--white .prose li,html[data-theme=dark] .section--tint .prose p,html[data-theme=dark] .section--tint .prose li,html[data-theme=dark] .lede{color:#aebbc5}
html[data-theme=dark] .prose strong,html[data-theme=dark] .research-vision__image a,html[data-theme=dark] .research-outro__image a{color:#f3f7f8}
html[data-theme=dark] .about-update,html[data-theme=dark] .person,html[data-theme=dark] .status-card,html[data-theme=dark] .opportunity,html[data-theme=dark] .capability-grid article,html[data-theme=dark] .admission-cards article,html[data-theme=dark] .pub-tools input{color:#edf4f6;background:#102231;border-color:var(--line)}
html[data-theme=dark] .about-update--join,html[data-theme=dark] .recruitment-call li,html[data-theme=dark] .requirement-note,html[data-theme=dark] .funding-note{color:#f3eadb;background:#2b2418}
html[data-theme=dark] .supervision-note,html[data-theme=dark] .profile-note{color:#b9c5cc;background:#0d202d}
html[data-theme=dark] .pub-list strong,html[data-theme=dark] .reading-list a,html[data-theme=dark] .course h3,html[data-theme=dark] .opening-row h3{color:#f3f7f8}
html[data-theme=dark] .kpi{background:#102231}
html[data-theme=dark] .research-outro{background:#102231}
html[data-theme=dark] .reading-section{background:#0b1926}
html[data-theme=dark] .reading-list li,html[data-theme=dark] .pub-year,html[data-theme=dark] .course,html[data-theme=dark] .opening-row{border-color:var(--line)}
html[data-theme=dark] .teaching-group{color:#101927;background:linear-gradient(135deg,#f5ecdf 0%,#ead8c1 100%);border-color:rgba(113,73,35,.16)}
html[data-theme=dark] .teaching-group .eyebrow,html[data-theme=dark] .teaching-group time{color:#9b6200}
html[data-theme=dark] .teaching-group h2,html[data-theme=dark] .teaching-group h3,html[data-theme=dark] .teaching-group strong{color:#101927}
html[data-theme=dark] .teaching-group p,html[data-theme=dark] .teaching-group .course p{color:#53606b}
html[data-theme=dark] .teaching-group .supervision-note{color:#53606b;background:rgba(255,255,255,.48)}
html[data-theme=dark] .logo-strip{color-scheme:only light;background:linear-gradient(135deg,#f5ecdf 0%,#ead8c1 100%)}
@media(max-width:600px){.theme-toggle{width:34px;height:34px;font-size:16px}}
.site-head{gap:10px;padding-right:clamp(18px,2.5vw,36px);padding-left:clamp(18px,2.5vw,36px)}.site-brand{order:1}.site-nav{order:2;margin-left:auto}.theme-toggle{order:3;margin-left:4px}.nav-toggle{order:4}
@media(max-width:900px){.site-nav{margin-left:0}.theme-toggle{margin-left:auto}.site-brand{margin-right:0}}
.site-nav a{font-size:12px;letter-spacing:.085em}
.eyebrow{font-size:13px}
.about-note{max-width:34rem;margin:20px 0 24px;padding:15px 18px;border-left:3px solid var(--yellow-ink);background:rgba(240,178,30,.12);color:var(--ink);font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:700;line-height:1.45}
html[data-theme=dark] .about-note{background:rgba(240,178,30,.1);color:#eef5f7}
.sir-initial,.sir-abbr{font-weight:800}.sir-i{color:var(--yellow)}.sir-initial{text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:.12em;text-underline-offset:.15em}
.about-eye-section{position:relative;isolation:isolate;min-height:760px;padding-bottom:clamp(300px,29vw,390px);overflow:hidden}
.about-eye-section .about-intro{position:relative;z-index:2}
.about-eye-section .about-intro>div,.about-eye-section .about-update{box-shadow:0 18px 55px rgba(16,25,39,.06)}
.about-eye-section .about-intro>div:first-child{padding:26px;background:rgba(255,255,255,.94);border:1px solid rgba(16,25,39,.08);backdrop-filter:blur(9px)}
.about-eye-world{--gx:0;--gy:0;position:absolute;z-index:1;left:50%;bottom:0;width:min(920px,94vw);height:clamp(280px,29vw,380px);transform:translateX(-50%);pointer-events:none}
.about-eye{position:absolute;left:50%;top:53%;width:clamp(240px,27vw,350px);height:clamp(135px,15vw,195px);transform:translate(-50%,-50%)}
.about-eye__cap{position:absolute;z-index:1;left:4%;top:-1%;width:92%;height:68%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(145deg,#68d8d8,#45c3c8);filter:drop-shadow(0 10px 18px rgba(23,52,92,.1))}
.about-eye__sclera{position:absolute;z-index:2;left:3%;bottom:5%;width:94%;height:68%;overflow:hidden;border:clamp(9px,1.2vw,15px) solid #17345c;border-radius:52% 48% 52% 48%/64% 62% 48% 46%;background:#e8f4ef;box-shadow:0 18px 55px rgba(23,52,92,.2);transform-origin:center;transition:transform .12s ease}
.about-eye__iris{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#69bf52,#3e9d45);transform:translate(calc(-50% + var(--gx)*26px),calc(-50% + var(--gy)*15px));transition:transform .16s cubic-bezier(.2,.8,.2,1)}
.about-eye__pupil{position:absolute;left:50%;top:50%;width:48%;aspect-ratio:1;border-radius:50%;background:#17345c;transform:translate(-50%,-50%)}
.about-eye__pupil i{position:absolute;left:2%;top:-5%;width:36%;aspect-ratio:1;border-radius:50%;background:#fff}
.about-eye-world.is-blinking .about-eye__sclera{transform:scaleY(.07)}
.about-window{--mx:0px;--my:0px;position:absolute;display:block;border:2px solid rgba(23,52,92,.17);box-shadow:0 16px 35px rgba(23,52,92,.13);transform:translate(var(--mx),var(--my));transition:transform .55s cubic-bezier(.2,.8,.2,1),left .55s cubic-bezier(.2,.8,.2,1),top .55s cubic-bezier(.2,.8,.2,1)}
.about-window:after{content:"";position:absolute;inset:8px;border-top:2px solid rgba(23,52,92,.22);border-bottom:2px solid rgba(255,255,255,.35)}
.about-window--1{left:6%;top:25%;width:128px;height:48px;border-radius:11px;background:#55ced1}
.about-window--2{left:14%;top:61%;width:92px;height:62px;border-radius:9px;background:#63d6d6}
.about-window--3{left:29%;top:12%;width:56px;height:56px;border-radius:10px;background:#f3a014}
.about-window--4{right:27%;top:18%;width:64px;height:45px;border-radius:9px;background:#f3a014}
.about-window--5{right:13%;top:55%;width:108px;height:60px;border-radius:11px;background:#54cdd0}
.about-window--6{right:5%;top:22%;width:50px;height:74px;border-radius:10px;background:#f39a12}
html[data-theme=dark] .about-eye-section .about-intro>div:first-child{color:#eef5f7;background:rgba(16,34,49,.94);border-color:rgba(255,255,255,.1)}
html[data-theme=dark] .about-leadership a{color:#eef5f7}
html[data-theme=dark] .about-eye__sclera{background:#dcece8}
@media(max-width:900px){.about-eye-section{min-height:0;padding-bottom:300px}.about-eye-world{height:285px}.about-eye-section .about-intro>div:first-child{padding:22px}.about-window--1{left:2%}.about-window--2{left:9%}.about-window--5{right:8%}.about-window--6{right:1%}}
@media(max-width:600px){.about-eye-section{padding-bottom:250px}.about-eye-world{height:235px}.about-eye{width:220px;height:124px}.about-window--1{width:72px;height:36px}.about-window--2{width:58px;height:46px}.about-window--3{left:18%;width:38px;height:38px}.about-window--4{right:17%;width:40px;height:34px}.about-window--5{width:64px;height:42px}.about-window--6{width:36px;height:52px}}
@media(prefers-reduced-motion:reduce){.about-eye__iris,.about-eye__sclera,.about-window{transition:none!important}.about-eye-world.is-autonomous .about-eye__iris,.about-eye-world.is-autonomous .about-window{animation:none!important}}
.about-eye-section{min-height:920px;padding-bottom:clamp(350px,33vw,440px)}
.about-eye-section .about-intro{align-items:stretch}
.about-eye-section .about-update{height:100%;min-height:0;align-self:stretch}
.about-update .button{align-self:flex-start;margin-top:auto}.button--amber{color:#172436;background:#efaa20}.button--orange{color:#172436;background:#f28a4d}
.about-eye-world{left:50%;right:auto;bottom:8px;width:min(1040px,calc(100vw - 44px));height:clamp(320px,31vw,410px);transform:translateX(-50%)}
.about-window--1{left:12%;top:43%;width:122px;height:44px}
.about-window--2{left:17%;top:62%;width:88px;height:56px}
.about-window--3{left:auto;right:29%;top:40%;width:45px;height:45px}
.about-window--4{right:20%;top:36%;width:50px;height:42px}
.about-window--5{right:29%;top:61%;width:46px;height:46px;background:#f3a014}
.about-window--6{right:20%;top:57%;width:52px;height:52px}
@media(max-width:900px){.about-eye-section{min-height:0;padding-bottom:280px}.about-eye-section .about-update{width:100%;height:auto;min-height:0}.about-eye-world{left:50%;right:auto;bottom:0;width:min(760px,96vw);height:270px;transform:translateX(-50%)}}
@media(max-width:600px){.about-eye-section{padding-bottom:235px}.about-eye-world{height:225px}.about-window--1{left:4%;width:70px;height:34px}.about-window--2{left:10%;width:56px;height:42px}.about-window--3{right:27%;width:34px;height:34px}.about-window--4{right:12%;width:38px;height:32px}.about-window--5{right:27%;width:34px;height:34px}.about-window--6{right:12%;width:38px;height:40px}}
.how-note{margin:0 0 28px;padding:16px 19px;border-left:3px solid var(--yellow-ink);color:var(--muted);background:rgba(255,255,255,.62);font-size:1rem;line-height:1.7}
.how-campus-image{margin:34px 0 0;overflow:hidden}.how-campus-image img{width:100%;height:clamp(330px,36vw,470px);object-fit:cover;object-position:52% center}.how-campus-image figcaption{padding-top:9px;color:var(--muted);font:650 9px/1.45 var(--mono);letter-spacing:.06em}.how-campus-image a{font-weight:700;text-underline-offset:3px}
.how-eye-wrap{position:relative;height:340px;margin-top:28px;overflow:hidden;border-top:1px solid var(--line)}
.how-eye-wrap .about-eye-world{left:50%;right:auto;bottom:0;width:min(720px,100%);height:330px;transform:translateX(-50%);transform-origin:center bottom}
.how-eye-wrap .about-eye{width:clamp(300px,31vw,390px);height:clamp(169px,17.5vw,220px)}
.how-eye-wrap .about-eye__sclera{border-width:7px}
html[data-theme=dark] .how-note{color:#b9c5ce;background:rgba(255,255,255,.045)}
@media(max-width:600px){.how-campus-image img{height:300px}.how-eye-wrap{height:250px}.how-eye-wrap .about-eye-world{height:240px;transform:translateX(-50%) scale(.78)}}
.research-outro{position:relative;z-index:4}.research-outro__image{width:100%;margin:0 0 30px}.research-outro__image img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:center 43%}.research-outro__image figcaption{padding-top:10px;color:var(--muted);font:650 9px/1.45 var(--mono);letter-spacing:.06em}.research-outro__image a{font-weight:700;text-decoration-color:var(--yellow-ink);text-underline-offset:3px}

/* Join page refinements */
.opening-intro{grid-template-columns:1fr;row-gap:10px}.opening-intro h2{max-width:none;margin-bottom:8px;white-space:nowrap}.opening-note{grid-column:1;grid-row:auto;align-self:start;width:100%;margin:0;padding:20px 22px;border-left:3px solid var(--yellow);color:var(--muted);background:#fff8df;font-size:1.03rem;line-height:1.7}
.visitor-list{display:grid;gap:10px;margin:18px 0 24px;padding-left:1.2em}.visitor-list li::marker{color:var(--yellow-ink)}.funded-visitor{text-decoration:underline;text-decoration-color:var(--yellow-ink);text-decoration-thickness:2px;text-underline-offset:3px}
.reading-list .citation-meta,.reading-list .open-access-label{font-size:12px}
.reading-section{padding-bottom:clamp(36px,5vw,68px)}.final-thought-section{padding-top:0}
html[data-theme=dark] .opening-note{color:#f3eadb;background:#2b2418}
@media(max-width:900px){.opening-intro h2{white-space:normal}.opening-note{grid-column:1;grid-row:auto}}