@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101f38;--blue:#244c80;--cream:#f3f3ef;--line:#d9dfe5}*{box-sizing:border-box}body{margin:0;color:var(--navy);font-family:'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}.utility{background:var(--navy);color:white;padding:12px 5%;font-size:11px;letter-spacing:1.5px;display:flex;justify-content:space-between}.utility div{display:flex;gap:28px}.utility button{border:0;background:none;color:white}header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font:800 30px Manrope,sans-serif;display:flex;align-items:center;gap:13px;letter-spacing:1px}.brand small{display:block;font:10px/1.5 'DM Sans',sans-serif;letter-spacing:.2px;margin-top:4px}.mark{font-size:42px;border:2px solid var(--navy);line-height:1;padding:3px 7px;position:relative}.mark span{font-size:18px;vertical-align:top}nav{display:flex;gap:23px;font-size:13px;font-weight:600}nav a:hover,nav a.active{color:#457ca2}#menu{display:none}.hero{position:relative;background:var(--navy);color:white;min-height:530px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.herotext{padding:68px 10% 60px;z-index:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;display:block;margin-bottom:24px}.hero h1{font:500 clamp(38px,4.6vw,69px)/1.06 Manrope,sans-serif;letter-spacing:-2px;margin:0 0 30px}.hero p{color:#c5d0df;line-height:1.7;max-width:460px;font-size:15px}.heroart{position:relative;background:linear-gradient(145deg,#66899b,#a4b7bf 55%,#34505e);overflow:hidden}.heroart:before{content:'';position:absolute;background:repeating-linear-gradient(90deg,transparent 0 51px,#203b4c 52px 58px),repeating-linear-gradient(0deg,#91abb6 0 60px,#304b5b 61px 67px);width:85%;height:105%;top:10%;left:22%;transform:skewY(-18deg);box-shadow:-35px 0 0 #c3cdd0}.heroart:after{content:'';position:absolute;width:75%;height:55%;background:repeating-linear-gradient(90deg,#d1d8d7 0 30px,#95a7af 31px 34px);bottom:-20%;left:-8%;transform:skewY(22deg);box-shadow:0 -8px 0 #fff}.artcaption{position:absolute;bottom:22px;right:24px;z-index:2;font-size:10px;letter-spacing:1px;background:#101f38b3;padding:8px}.btn{display:inline-block;padding:14px 22px;border:1px solid var(--navy);background:var(--navy);color:white;font-size:13px;margin-top:18px}.hero .btn{background:white;color:var(--navy);border-color:white}.arrow{margin-left:25px}.quicklinks{display:grid;grid-template-columns:repeat(3,1fr);padding:0 5%;background:var(--cream)}.quicklinks a{padding:27px 25px;border-right:1px solid var(--line);font-weight:600;display:flex;justify-content:space-between}.quicklinks a:first-child{border-left:1px solid var(--line)}.section{padding:68px 5%}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:30px;gap:20px}h2{font:500 36px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0}h3{font:600 21px/1.3 Manrope,sans-serif}.sectionhead a{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card .visual{height:190px;background:#dce5e7;position:relative;overflow:hidden}.visual.lines{background:repeating-linear-gradient(135deg,#9eafb8 0 3px,#dce5e7 3px 32px)}.visual.grid{background:linear-gradient(30deg,#47617b,#172d45);background-image:linear-gradient(30deg,#47617b,#172d45),none}.visual.grid:after{content:'+';position:absolute;font:200 210px Manrope;color:#b8cfdb;right:30px;top:-60px}.visual.paper{background:#d7c9b3}.visual.paper:after{content:'';width:60%;height:180px;background:#f7f6f1;position:absolute;top:35px;left:20%;transform:rotate(-12deg);box-shadow:12px 12px 0 #b6a991}.tag{display:inline-block;font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#e7edf1;padding:6px 9px;margin:18px 0 3px}.news-card h3{margin:10px 0}.muted{color:#657183;line-height:1.7;font-size:14px}.soft{background:var(--cream)}.domainlist{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.domainlist a{padding:22px 0;border-bottom:1px solid #cdd5dd;display:flex;justify-content:space-between;font-size:19px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split p{line-height:1.8}.research{background:#e5ebed}.researchbox{padding:30px;border-top:1px solid #aebdc8;margin-top:15px}.schoolgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.school{padding:25px 20px;background:#fff;border:1px solid var(--line);min-height:190px}.school strong{font:700 24px Manrope;display:block;margin-bottom:20px}.school p{font-size:13px;line-height:1.5}.school .tag{font-size:8px}.pagehead{background:var(--cream);padding:55px 5%}.pagehead h1{font:500 48px Manrope;margin:15px 0;letter-spacing:-1px}.pagehead p{max-width:730px;line-height:1.7;color:#5d6877}.breadcrumb{font-size:12px}.filters{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}input,select,textarea{padding:13px;border:1px solid #b9c4d0;background:white;color:var(--navy)}.filters input{flex:1;min-width:200px}.programme{border:1px solid var(--line);padding:25px;display:flex;flex-direction:column}.programme .btn{align-self:flex-start;margin-top:auto}.notice{border-left:3px solid #a7b9cb;padding:16px 20px;background:#edf1f4;line-height:1.7;font-size:14px}.detail{max-width:900px}.detail dl{display:grid;grid-template-columns:1fr 2fr;gap:16px;border-top:1px solid var(--line);padding-top:25px}.detail dt{color:#667386}.detail dd{margin:0}.empty{padding:40px;background:var(--cream)}form{display:grid;gap:15px;max-width:600px}label{display:grid;gap:8px;font-size:13px}textarea{min-height:130px}.adminrow{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.adminrow button{padding:8px}.toolbar{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.status{margin:15px 0;color:#244c80}footer{padding:45px 5% 30px;background:var(--navy);color:#fff}footer p{max-width:450px;line-height:1.7;color:#bfcbd8;font-size:14px}.footerlinks{display:flex;gap:30px;flex-wrap:wrap;margin:30px 0;font-size:13px}footer small{color:#a4b4c7;font-size:11px}a:hover .arrow{transform:translateX(4px)}@media(max-width:1000px){nav{gap:12px;font-size:11px}.schoolgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{padding:20px 5%}.utility{font-size:8px}#menu{display:block;background:none;border:0;font-size:24px}nav{display:none;position:absolute;top:137px;left:0;right:0;background:white;z-index:5;padding:25px;flex-direction:column;font-size:16px}nav.open{display:flex}.hero{grid-template-columns:1fr}.herotext{padding:45px 6%}.heroart{height:220px}.hero h1{font-size:45px}.quicklinks{padding:0;grid-template-columns:1fr}.quicklinks a{border-bottom:1px solid var(--line);padding:20px}.section{padding:45px 6%}.cards,.split,.domainlist{grid-template-columns:1fr}.split{gap:25px}.schoolgrid{grid-template-columns:1fr 1fr}.sectionhead{align-items:flex-start}h2{font-size:29px}.pagehead h1{font-size:36px}.detail dl{grid-template-columns:1fr}.brand{font-size:25px}.school{padding:18px 13px}.school strong{font-size:20px}}
.utility select{color:white;background:var(--navy);padding:0;border:0;font-size:11px;max-width:100px}.utility select option{background:var(--navy)}[dir=rtl] .heroart{direction:ltr}[dir=rtl] .notice{border-left:0;border-right:3px solid #a7b9cb}[dir=rtl] .arrow{margin-left:0;margin-right:25px}[dir=rtl] .quicklinks a{border-left:1px solid var(--line);border-right:0}[dir=rtl] .brand small{letter-spacing:0}[dir=rtl] .hero h1{letter-spacing:0;line-height:1.3}[dir=rtl] .brand{direction:ltr}[dir=rtl] .artcaption{direction:rtl}
.utility div{flex-shrink:0;align-items:center}.utility a{white-space:nowrap}.utility select{min-height:25px}@media(max-width:760px){.utility{gap:10px;letter-spacing:.7px}.utility div{gap:12px}.utility>span{max-width:48%;line-height:1.7}.utility select{font-size:10px}}
/* Science-first identity and editorial homepage, version 2 */
:root{--navy:#102c41;--blue:#176c87;--cream:#f4f6f5;--accent:#24a8b5}body{font-family:'DM Sans',sans-serif}.utility{background:#102c41}header{padding:22px 5% 20px;align-items:flex-end}.brandlockup{width:255px}.brandlockup img{display:block;width:100%;height:auto}.brandlockup small{font-size:11px;letter-spacing:.2px;margin:3px 0 0 57px;line-height:1.5;max-width:235px}nav{padding-bottom:10px;gap:22px;font-size:12px}.hero{display:block;min-height:610px;background:#081928;isolation:isolate}.heroart{position:absolute;inset:0;z-index:-1;background:#081928 url('assets/science-hero.png') center right/cover no-repeat}.heroart:before{content:'';inset:0;width:auto;height:auto;transform:none;box-shadow:none;background:linear-gradient(90deg,rgba(6,22,35,.94),rgba(6,22,35,.8) 28%,rgba(6,22,35,.2) 65%,rgba(6,22,35,.1))}.heroart:after{display:none}.herotext{max-width:700px;padding:105px 0 105px 5%;margin:0}.hero h1{font-size:clamp(42px,4.9vw,76px);font-weight:500;letter-spacing:-2px;line-height:1.13;margin-bottom:28px}.hero .eyebrow{color:#83d2d9;letter-spacing:2.7px}.hero p{max-width:470px;font-size:16px;line-height:1.8;color:#d4e1e8}.hero .btn{margin-top:25px;border:0;background:#fff;padding:17px 24px}.artcaption{font-size:9px;background:#08233599;letter-spacing:1px;bottom:18px}.quicklinks{padding:0 5%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 35px #102c4108}.quicklinks a{padding:30px 22px;border-right:1px solid var(--line);font-size:14px}.section{padding:80px 6%}.sectionhead h2{font-size:38px}.soft{background:#f3f5f4}.domainlist{grid-template-columns:repeat(3,1fr);gap:0 45px;margin-top:30px}.domainlist a{font-size:17px;padding:26px 0;line-height:1.4;align-items:center;gap:20px}.domainlist a:before{content:'↗';font-size:22px;color:#158797}.domainlist a span{display:none}.domainlist a:nth-last-child(-n+2){font-size:15px;color:#657183}.news-card .visual{height:240px}.visual img{width:100%;height:100%;object-fit:cover;display:block}.visual:after{display:none}.visual.lines img{object-position:70% center}.visual.grid img{object-position:100% 20%;filter:saturate(.5)}.visual.paper img{object-position:30% 70%;filter:sepia(.35)}.news-card .tag{background:none;padding:0;color:#237b8c;margin-top:23px}.news-card h3{font-size:22px;font-weight:500;line-height:1.5}.news-card .muted{font-size:11px}.research{background:#102c41;color:white}.research .muted{color:#b7cbd6}.researchbox{border-color:#426170;padding:24px 0}.research .btn{background:white;color:#102c41}.research h2{font-size:43px;line-height:1.2}.research .eyebrow{color:#83d2d9}.creative{background:#e9eeee}.creative h2{font-size:43px}.virtualstage{position:relative;overflow:hidden;height:350px;background:radial-gradient(ellipse at 60% 30%,#67859a,#182e41 65%);border-radius:0;box-shadow:0 18px 40px #102c4120}.stagegrid{position:absolute;left:10%;right:10%;height:230px;top:30px;background:repeating-linear-gradient(90deg,transparent 0 35px,#a6c6d744 36px 37px),repeating-linear-gradient(0deg,transparent 0 35px,#a6c6d744 36px 37px);border:2px solid #b0d5e033;transform:perspective(550px) rotateY(-16deg);box-shadow:0 0 35px #81c0d533}.virtualstage span{position:absolute;bottom:24px;left:24px;color:#b1c9d6;font-size:9px;letter-spacing:2px}.lens{position:absolute;width:130px;height:130px;border:18px solid #263a4b;border-radius:50%;top:130px;left:42%;box-shadow:0 0 0 10px #071523,22px 10px 0 10px #0c1e2d;background:radial-gradient(circle,#81c9de 0 3px,#203b50 4px 15px,#10222e 16px 35px,#507182 36px 38px,#0a1823 39px);transform:rotate(-10deg)}.schoolgrid{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #ccd7da;border-left:1px solid #ccd7da}.school{background:transparent;border:0;border-right:1px solid #ccd7da;border-bottom:1px solid #ccd7da;padding:30px;min-height:210px}.school:hover{background:white}.school strong{font-size:23px;font-weight:600}.school p{color:#627381}.school .tag{background:#e5eaeb}.school:last-child{grid-column:span 3;min-height:140px}footer{background:#092234;padding:60px 6% 35px}h2{font-weight:500}.btn:hover{background:#176c87;color:white}.pagehead{border-bottom:1px solid #d9e2e3;padding:60px 6%}.programme{border-top:3px solid #24a8b5}.brandlockup{direction:ltr}.brandlockup small:lang(zh){font-size:12px;letter-spacing:1px}
@media(min-width:1400px){.herotext{padding-left:6%;max-width:770px}header{padding-left:6%;padding-right:6%}}
@media(max-width:1100px){nav{gap:12px;font-size:11px}.brandlockup{width:220px}.domainlist{grid-template-columns:1fr 1fr}}
@media(max-width:760px){header{align-items:center}.brandlockup{width:225px}.brandlockup small{margin-left:51px}.hero{min-height:680px;display:flex;align-items:flex-start}.herotext{padding:55px 6% 260px;max-width:100%;margin:0}.hero h1{font-size:43px;letter-spacing:-1px}.hero p{font-size:14px}.heroart{height:auto;background-position:65% bottom;background-size:auto 72%;background-repeat:no-repeat}.heroart:before{background:linear-gradient(180deg,#081928 0%,#081928e6 35%,#08192810 75%)}.artcaption{font-size:7px;right:14px;bottom:12px}.quicklinks{padding:0}.quicklinks a{padding:20px 6%}.section{padding:48px 6%}.sectionhead h2{font-size:29px}.domainlist{grid-template-columns:1fr;gap:0}.domainlist a{padding:21px 0}.schoolgrid{grid-template-columns:1fr 1fr}.school{padding:22px 15px;min-height:190px}.school:last-child{grid-column:span 2}.research h2,.creative h2{font-size:33px}.virtualstage{height:290px}.news-card .visual{height:210px}nav{top:145px}.brandlockup small{font-size:10px}.utility>span{font-size:8px}.hero .btn{font-size:12px}.split{gap:25px}}
[dir=rtl] .heroart:before{background:linear-gradient(270deg,rgba(6,22,35,.94),rgba(6,22,35,.8) 28%,rgba(6,22,35,.2) 65%,rgba(6,22,35,.1))}[dir=rtl] .herotext{margin-left:auto;margin-right:0;padding-left:0;padding-right:6%}[dir=rtl] .heroart{background-position:left center;transform:none}[dir=rtl] .brandlockup small{direction:rtl}[dir=rtl] .hero h1{font-size:clamp(42px,4.6vw,70px)}@media(max-width:760px){[dir=rtl] .herotext{padding:55px 6% 260px}[dir=rtl] .heroart{background-position:35% bottom}[dir=rtl] .heroart:before{background:linear-gradient(180deg,#081928 0%,#081928e6 35%,#08192810 75%)}}