:root{--navy:#990033;--ink:#172f40;--muted:#71808a;--gold:#bd9963;--line:#dfe4e7;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #ad854d;outline-offset:5px}button{padding:0}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.utility{height:37px;background:var(--navy);color:#c2ced6;display:flex;justify-content:space-between;align-items:center;padding:0 56px;font-size:12px;letter-spacing:1px}.utility div{display:flex;gap:27px}.utility button{font-size:12px;color:#e5ebef}.navigation{display:flex;align-items:center;height:103px;gap:35px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand-mark{font-family:var(--serif);font-size:28px;font-weight:700;line-height:.98;display:flex;flex-direction:column;border:1px solid currentColor;padding:5px 7px;position:relative}.brand-mark:after{content:'';position:absolute;border:1px solid currentColor;inset:3px;opacity:.4}.brand-mark span{font-size:21px;letter-spacing:6px;transform:translateX(3px)}.brand-name{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:4px}.brand-name small{display:block;font:9px Arial;letter-spacing:1.8px;margin-top:7px}.navigation nav{display:flex;gap:30px;margin-left:auto;align-items:center;font-size:14px;font-weight:500;height:100%}.navigation nav a,.navigation nav button{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}.navigation nav a.active:after{content:'';height:3px;background:var(--gold);bottom:24px;width:22px;position:absolute;left:calc(50% - 11px)}.search-toggle{border-left:1px solid var(--line);padding-left:24px;display:flex}.menu-toggle{display:none}.hero{height:605px;position:relative;color:white;overflow:hidden;background:#304e53}.hero>img{height:100%;object-position:center 55%;position:absolute}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,26,36,.78),rgba(7,29,42,.26) 65%,rgba(7,29,42,.06)),linear-gradient(0deg,rgba(6,24,33,.25),transparent 40%)}.hero-inner{height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{padding-top:69px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;color:#667680}.eyebrow.light{color:#e6e6dc}.eyebrow>span{display:inline-block;width:22px;height:1px;background:#c4a36f;vertical-align:middle;margin-right:12px}.hero-category{font-size:12px;letter-spacing:2px;color:#e1e2da;margin:39px 0 15px}.hero h1{font-family:var(--serif);font-size:57px;line-height:1.35;letter-spacing:5px;font-weight:500;margin:0 0 19px}.hero-copy>p:last-of-type{color:#e0e6e5;font-size:14px;line-height:1.9;letter-spacing:1px}.white-button,.outline-button,.navy-button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;padding:17px 24px;font-size:13px;letter-spacing:1px;transition:.2s}.white-button{background:#fff;color:var(--navy);margin-top:17px}.white-button:hover{background:#e8e5dc}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px}.photo-caption{font-size:12px;letter-spacing:1.7px;color:#e4e9e7}.photo-caption i,.edition i{display:inline-block;height:10px;border-left:1px solid #889b9e;margin:0 12px;vertical-align:middle}.slider-controls{display:flex;align-items:center;gap:19px;font-size:12px}.slider-controls button{color:white;font-size:20px;padding:8px}.slide-line{height:1px;width:70px;background:#ffffff55}.slide-line:before{content:'';display:block;height:1px;width:23px;background:white}.slide-total{color:#ffffff80}.hero-side{position:absolute;right:23px;top:140px;writing-mode:vertical-rl;letter-spacing:3px;font-size:12px}.announcement{display:flex;gap:29px;align-items:center;min-height:75px;border-bottom:1px solid var(--line);font-size:13px}.notice-label{white-space:nowrap;display:flex;gap:10px;align-items:center;letter-spacing:1px;border-right:1px solid var(--line);padding-right:28px}.tiny-square{width:6px;height:6px;background:var(--gold)}.announcement>button{text-align:left}.notice-date{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.notice-arrow{font-size:20px}.stories{padding:69px 0 77px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}h2{font:500 33px/1.4 var(--serif);letter-spacing:2px;margin:11px 0 0}.text-link{font-size:12px;display:flex;gap:25px;align-items:center;padding-bottom:6px}.text-link span{font-size:20px}.filter-bar{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:29px;align-items:center}.filter-bar button{padding:0 0 15px;font-size:13px;color:#6a7680;position:relative;white-space:nowrap}.filter-bar button.selected{color:var(--navy);font-weight:700}.filter-bar button.selected:after{position:absolute;content:'';height:2px;bottom:-1px;left:0;right:0;background:var(--navy)}.filter-bar>span{margin-left:auto;font-size:12px;color:#87919a;letter-spacing:1px;padding-bottom:15px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.story-card{text-align:left;width:100%;display:block}.story-image{aspect-ratio:1.64;overflow:hidden;background:#e7eceb;position:relative}.story-image img{height:100%;transition:transform .6s}.story-card:hover img{transform:scale(1.04)}.story-image>span{position:absolute;bottom:0;left:0;background:white;padding:9px 15px 1px 0;font-size:12px;letter-spacing:1px}.story-meta{font-size:12px;color:var(--muted);display:flex;gap:10px;padding-top:21px}.story-card h3{font:500 22px/1.5 var(--serif);margin:11px 0 11px;letter-spacing:.5px}.story-card p{font-size:13px;line-height:1.8;color:#73808a;margin:0}.story-bottom{margin-top:23px;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;font-size:12px;color:#71808b}.story-bottom span:last-child{font-size:17px;color:var(--navy)}.journal{background:var(--navy);color:#fff;overflow:hidden}.journal-inner{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:62px;min-height:470px;align-items:center}.journal-intro{padding:50px 0}.journal-intro h2{font-size:32px;line-height:1.6;margin-top:22px;letter-spacing:2px}.journal-intro p{font-size:12px;line-height:2;color:#b6c4ce;margin:20px 0 24px}.outline-button{border:1px solid #6c8292;color:#fff;gap:35px;padding:14px 20px}.outline-button:hover{background:#ffffff12}.edition{display:block;color:#a9bac6;font-size:12px;letter-spacing:1px;margin-top:24px}.magazine{perspective:1000px;position:relative}.magazine-cover{width:270px;height:350px;max-width:100%;margin:auto;position:relative;transform:rotate(-8deg) rotateY(-7deg);box-shadow:20px 24px 25px #061b2c70;border-right:7px solid #d4d5cc;background:#9eaca6}.magazine-cover>img{height:100%;filter:brightness(.8)}.magazine-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#031b30b8,transparent 70%)}.cover-top{position:absolute;top:20px;left:19px;right:18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid white;padding-top:7px;z-index:1}.cover-top strong{font:46px var(--serif);letter-spacing:4px}.cover-top span{font:9px/1.4 Arial;letter-spacing:2px}.cover-bottom{position:absolute;bottom:27px;left:21px;z-index:1}.cover-bottom small{font-size:8px;letter-spacing:2px}.cover-bottom h3{font:28px/1.5 var(--serif);letter-spacing:4px;margin:10px 0}.cover-bottom>span{font-size:7px;letter-spacing:1px}.issue-list{padding:42px 0}.issue-label{font-size:12px;letter-spacing:1.5px;color:#adbfcb;display:block;margin-bottom:11px}.issue-list button{display:block;width:100%;text-align:left;color:white;padding:24px 24px 24px 0;border-bottom:1px solid #ffffff26;position:relative}.issue-list button small{color:#b6a585;font-size:12px;display:block;margin-bottom:11px}.issue-list button strong{font:18px/1.6 var(--serif)}.issue-list button>span{position:absolute;right:0;top:50%;color:#b8c7cf}.lower{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;padding:72px 0}.small-muted{font-size:12px;color:var(--muted)}.event{display:flex;text-align:left;width:100%;padding:23px 0;border-top:1px solid var(--line);align-items:center;gap:23px}.event-date{border-right:1px solid var(--line);padding-right:24px;text-align:center;min-width:85px}.event-date strong{display:block;font:38px Georgia}.event-date small{font-size:12px;color:var(--muted);display:block;margin-top:7px}.event-info small{font-size:12px;color:#94794c}.event-info h3{font-size:16px;font-weight:500;margin:9px 0}.event-info p{font-size:12px;color:var(--muted);margin:0}.event-info i{font-style:normal;margin:0 8px}.event>span:last-child{margin-left:auto}.resources{background:#f3f5f5;padding:33px 30px;align-self:stretch}.resources h2{font-size:25px;letter-spacing:0;margin-top:15px}.resources>p{font-size:12px;color:var(--muted);margin-bottom:28px}.resources>a,.resources>button{display:flex;width:100%;align-items:center;text-align:left;justify-content:space-between;padding:22px 0;border-top:1px solid #d9e0e3}.resources strong{font-size:13px;font-weight:500}.resources small{display:block;color:#7a8992;font-size:12px;margin-top:9px}.connect{background:#edf1f2;padding:43px 0}.connect>.wrap{display:flex;align-items:center;justify-content:space-between}.connect h2{font-size:28px}.connect p{font-size:13px;color:var(--muted);margin-bottom:0}.navy-button{background:var(--navy);color:white}.navy-button:hover{background:#80002b}footer{background:#990033;color:#dae2e7}.footer-main{display:flex;align-items:center;gap:35px;padding:44px 0}.footer-main .brand-mark{font-size:22px}.footer-main .brand-name{font-size:22px}.footer-main .brand-name small{font-size:7px}.footer-main p{font:15px var(--serif);letter-spacing:2px;color:#97aebd}.footer-main>div{margin-left:auto;display:flex;gap:30px;font-size:12px}.footer-bottom{display:flex;gap:28px;align-items:center;border-top:1px solid #ffffff18;padding:24px 0;color:#8fa5b3;font-size:12px}.footer-bottom>span{margin-right:auto}.footer-bottom button{font-size:12px}dialog{padding:0;border:0;max-width:760px;width:calc(100% - 32px);max-height:88vh;color:var(--ink);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#061d2dc2;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;width:36px;height:36px;font-size:28px;z-index:2;background:white;border-radius:50%;box-shadow:0 2px 12px #0002}.dialog-pad{padding:45px}.article-photo{height:280px}.article-body{padding:35px 45px 45px}.article-body h2{font-size:30px}.article-body .article-text{line-height:1.95;color:#5c6c78;font-size:16px}.article-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.article-tools button{border:1px solid var(--line);padding:10px 14px;font-size:12px}.article-note{font-size:12px;color:#7b8991;line-height:1.7}.form-intro{font-size:14px;color:#77838d;line-height:1.7}label{display:block;font-size:13px;margin:19px 0}input,textarea,select{display:block;width:100%;padding:13px;border:1px solid #d2dbe0;background:#fff;color:var(--ink);border-radius:0;margin-top:8px;font-size:16px}input:focus,textarea:focus,select:focus{outline:2px solid #ae8b58;outline-offset:1px}.demo-note,#contact-result{font-size:12px;color:#71808a;line-height:1.7}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#990033;color:white;padding:14px 22px;font-size:13px;box-shadow:0 5px 25px #0003;max-width:90%;z-index:20;display:none}.empty{color:var(--muted);padding:25px 0}
@media(min-width:1500px){.hero{height:660px}.hero-copy{padding-top:95px}.hero h1{font-size:65px}.hero-category{margin-top:42px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.utility{padding:0 32px}.navigation{gap:20px}.navigation nav{gap:18px;font-size:12px}.brand-name{font-size:23px}.brand-mark{font-size:23px}.journal-inner{gap:30px}.journal-intro h2{font-size:28px}.magazine-cover{width:230px;height:320px}.lower{gap:40px}.hero{height:590px}.story-card h3{font-size:20px}.story-grid{gap:22px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.utility{padding:0 20px}.utility>span{font-size:12px;letter-spacing:0}.utility div{gap:15px}.utility div>a{display:none}.navigation{height:85px}.navigation nav{display:none;position:absolute;top:122px;left:0;right:0;background:white;height:auto;z-index:10;flex-direction:column;gap:0;align-items:stretch;padding:10px 20px;box-shadow:0 15px 25px #0002}.navigation nav.open{display:flex}.navigation nav>a,.navigation nav>button{padding:15px;font-size:15px}.navigation nav a.active:after{display:none}.menu-toggle{display:block;margin-left:auto;font-size:23px}.search-toggle{padding-left:18px}.hero{height:565px}.hero-copy{padding-top:50px}.hero h1{font-size:47px}.hero-category{margin-top:35px}.hero-side{display:none}.photo-caption{font-size:8px;letter-spacing:.5px}.slider-controls{gap:12px}.slide-line{width:35px}.announcement{gap:16px}.notice-label{padding-right:16px;font-size:12px}.notice-date{display:none}.announcement>button{font-size:12px;line-height:1.8}.notice-arrow{margin-left:auto}.stories{padding:45px 0}.filter-bar{gap:22px;overflow:auto}.filter-bar>span{display:none}.story-grid{grid-template-columns:repeat(2,1fr)}.story-grid>.story-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}.journal-inner{grid-template-columns:1fr 1fr;gap:15px}.issue-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 0 35px}.issue-label{grid-column:1/-1;margin:0}.issue-list button{padding:10px 18px 15px 0}.issue-list button strong{font-size:16px}.issue-list button small{font-size:12px}.lower{grid-template-columns:1fr;padding:45px 0;gap:25px}.connect h2{font-size:24px}.connect>.wrap{gap:25px}.connect .navy-button{flex-shrink:0;gap:20px}.footer-main{flex-wrap:wrap;gap:20px}.footer-main p{margin-left:auto}.footer-main>div{width:100%;margin-left:0;padding-top:12px}.footer-bottom{line-height:1.7;flex-wrap:wrap;gap:14px}.footer-bottom>span{width:100%}}@media(max-width:480px){.hero{height:545px}.hero h1{font-size:42px;letter-spacing:3px}.hero-copy>p:last-of-type{font-size:13px}.eyebrow{font-size:12px;letter-spacing:1.8px}.hero-category{font-size:12px}.photo-caption{max-width:150px;line-height:1.8}.photo-caption i{margin:0 5px}.hero-bottom{padding-bottom:19px}.story-grid{grid-template-columns:1fr;gap:29px}.story-grid>.story-card:last-child{grid-column:auto;max-width:none}.story-card h3{font-size:23px}.story-card p{font-size:14px}.filter-bar{gap:23px}.filter-bar button{font-size:12px}.section-heading h2{font-size:29px}.text-link{font-size:12px;gap:10px}.journal-inner{grid-template-columns:1fr}.journal-intro{padding:40px 0 30px}.journal-intro h2{font-size:32px}.magazine{padding:10px 0 35px}.magazine-cover{width:235px;height:320px}.issue-list{grid-template-columns:1fr;padding-bottom:30px;gap:8px}.issue-label{padding:15px 0}.issue-list button{padding:15px 25px 19px 0}.issue-list button strong br{display:none}.connect>.wrap{flex-direction:column;align-items:flex-start}.connect h2{font-size:25px;line-height:1.6}.event{gap:15px}.event-info h3{font-size:14px}.event-info p{font-size:12px}.event-date{min-width:65px;padding-right:15px}.footer-main p{font-size:12px;margin-left:0}.dialog-pad,.article-body{padding:32px 24px}.article-photo{height:210px}.article-body h2{font-size:25px}.article-tools button{padding:10px}.notice-label{min-width:85px;padding-right:10px}.announcement{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Homepage navigation — shared column styling for every level. */
.navigation{position:relative;gap:20px}.navigation nav{gap:20px;font-size:14px}.navigation .brand-name{font-size:25px}.navigation .search-toggle{padding-left:18px}.nav-group{height:100%;position:relative;display:flex;align-items:center}.navigation nav .nav-trigger{gap:7px;white-space:nowrap;font-size:14px}.nav-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .18s}.is-open .nav-chevron{transform:rotate(225deg);margin-top:2px}.navigation nav .is-open>.nav-trigger{color:#977441}.nav-panel{position:absolute;top:calc(100% - 1px);left:-24px;width:270px;padding:22px 18px 18px;background:#fff;border-top:3px solid var(--gold);box-shadow:0 15px 40px #08223826;z-index:30;color:var(--ink)}.nav-panel[hidden]{display:none!important}.nav-panel-wide{width:310px}.nav-panel-right{left:auto;right:-20px}.nav-panel-caption{font-size:11px;letter-spacing:1.4px;color:#85919a;margin:0 10px 13px}.navigation nav .nav-panel a,.navigation nav .nav-panel button{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;min-height:43px;padding:11px 12px;font-weight:400;font-size:14px;line-height:1.5;text-align:left;white-space:normal;gap:12px;transition:background .15s}.navigation nav .nav-panel a:hover,.navigation nav .nav-panel button:hover{background:#eef2f4;color:#990033}.nav-subsection{border-top:1px solid var(--line);margin-top:7px;padding-top:11px}.nav-subsection h3{font-size:13px;color:#7e898f;font-weight:400;margin:4px 12px 7px}.navigation nav .nav-subsection a{padding-left:24px}.nav-unavailable{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:#8b959c;font-size:14px;gap:10px;cursor:default}.nav-unavailable small{border:1px solid #e4e7e9;padding:2px 5px;font-size:11px;color:#87929b;white-space:nowrap}.nav-item-note{display:block;padding:0 12px 7px;font-size:12px;color:#9ba4aa;margin-top:-6px}.nav-item-detail{font-size:12px;color:#7d8b95}.navigation nav .nav-sample-link{border-top:1px solid var(--line);margin-top:9px;padding-top:15px;font-size:13px}.section-preview-note{font-size:16px;line-height:1.9;color:#6d7c87;margin:25px 0}.section-preview-image{height:250px;margin-top:25px}.navigation nav .nav-home{flex-shrink:0}
@media(min-width:1321px) and (max-width:1390px){.navigation.wrap{width:calc(100% - 60px)}.navigation nav{gap:15px}.navigation .brand{gap:10px}.navigation .brand-name{font-size:22px;letter-spacing:2px}.navigation nav .nav-trigger,.navigation nav .nav-direct{font-size:13px}.navigation{gap:16px}.navigation .search-toggle{padding-left:14px}}
@media(max-width:1320px){.navigation{height:85px}.navigation .menu-toggle{display:block;margin-left:auto;font-size:23px}.navigation nav{display:none;position:absolute;top:85px;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);background:#fff;height:auto;max-height:calc(100dvh - 122px);overflow-y:auto;z-index:40;flex-direction:column;gap:0;align-items:stretch;padding:10px 20px 20px;box-shadow:0 18px 30px #08223826}.navigation nav.open{display:flex}.nav-group{height:auto;display:block;border-bottom:1px solid #edf0f2}.navigation nav>a,.navigation nav .nav-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 10px;height:auto;font-size:15px;min-height:50px}.navigation nav>a{border-bottom:1px solid #edf0f2}.navigation nav a.active:after{display:none}.nav-panel,.nav-panel-wide,.nav-panel-right{position:static;width:100%;padding:12px 10px 14px;box-shadow:none;border-top:0;background:#f4f6f7}.nav-panel-caption{font-size:11px;margin-bottom:9px}.navigation nav .nav-panel a,.navigation nav .nav-panel button{min-height:44px}.nav-subsection{padding-top:8px}.navigation .search-toggle{padding-left:18px}.navigation .brand-name{font-size:23px}}
@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}
/* School name and responsive text wordmark. */
.brand-mark.brand-mark-sutd{font-family:Arial,sans-serif;font-size:20px;letter-spacing:-1px;padding:12px 0;border:0;display:block;font-weight:800;line-height:1}.brand-mark.brand-mark-sutd:after{display:none}.navigation .brand-name,.footer-main .brand-name{font-size:22px;letter-spacing:1px}.brand-name small,.footer-main .brand-name small{font:8px/1.4 Arial,sans-serif;letter-spacing:.15px;margin-top:7px;white-space:normal;max-width:255px}.cover-top strong{font:bold 36px Arial,sans-serif;letter-spacing:-1px}@media(max-width:600px){.navigation .brand{gap:0}.navigation .brand-mark-sutd{display:none}.navigation .brand-name{font-size:18px;letter-spacing:0}.navigation .brand-name small{font-size:7px;max-width:205px}.navigation{gap:15px}.navigation .search-toggle{padding-left:12px}.footer-main .brand-name{font-size:19px}.footer-main .brand{gap:10px}}@media(max-width:360px){.navigation .brand-name{font-size:16px}.navigation .brand-name small{max-width:185px;font-size:6.5px}.navigation{gap:10px}}

/* High-priority audience pathways */
.gateway{padding:0 0 80px}.gateway-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:30px}.gateway-heading h2{font-size:32px}.gateway-heading>p{max-width:470px;margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.8}.gateway-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.gateway-card{min-height:330px;padding:30px 32px 26px;background:#f7f8f8;border-right:1px solid var(--line);display:flex;flex-direction:column}.gateway-card:last-child{border-right:0}.gateway-card-featured{background:var(--navy);color:#fff}.gateway-card-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #cfd7db}.gateway-card-featured .gateway-card-top{border-color:#ffffff38}.gateway-card-top>span{font:30px Georgia,serif;color:var(--gold)}.gateway-card-top small{font-size:12px;letter-spacing:1.7px;color:#798890}.gateway-card-featured .gateway-card-top small{color:#b7c6cf}.gateway-card h3{font:500 23px/1.55 var(--serif);letter-spacing:.5px;margin:23px 0 18px;min-height:72px}.gateway-card-featured h3{font-size:30px}.gateway-card nav{display:block;margin-top:auto}.gateway-card nav a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:11px 0;border-top:1px solid #d9e0e3;font-size:14px;transition:padding .18s,color .18s}.gateway-card-featured nav a{border-color:#ffffff25;color:#e8eef2}.gateway-card nav a:hover{padding-left:7px;color:#967343}.gateway-card-featured nav a:hover{color:#d8bc90}.gateway-card nav a span:last-child{font-size:16px;color:var(--gold)}
@media(max-width:900px){.gateway{padding-top:50px}.gateway-heading{align-items:flex-start;flex-direction:column;gap:14px}.gateway-heading>p{max-width:620px}.gateway-grid{grid-template-columns:1fr}.gateway-card{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.gateway-card:last-child{border-bottom:0}.gateway-card h3{min-height:auto}.gateway-card nav{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gateway-card nav a{min-height:54px}}
@media(max-width:600px){.gateway{padding-top:42px}.gateway-heading h2{font-size:28px}.gateway-grid{margin-left:-20px;margin-right:-20px;border-left:0;border-right:0}.gateway-card{padding:27px 20px 22px}.gateway-card h3,.gateway-card-featured h3{font-size:23px}.gateway-card nav{grid-template-columns:1fr;gap:0}.gateway-card nav a{min-height:48px}.gateway-card-top{padding-bottom:18px}}

/* 首页轮播切换动画：滑动 + 淡入 */
@keyframes sutdHeroTextIn{from{opacity:0;transform:translateX(54px)}to{opacity:1;transform:translateX(0)}}
@keyframes sutdHeroImageIn{from{opacity:.45;transform:translateX(56px) scale(1.05)}to{opacity:1;transform:translateX(0) scale(1)}}
#hero-image.sutd-slide{animation:sutdHeroImageIn .76s cubic-bezier(.22,.61,.36,1) both;will-change:transform,opacity}
.hero-copy.sutd-slide .eyebrow{animation:sutdHeroTextIn .66s cubic-bezier(.22,.61,.36,1) both;animation-delay:.04s}
.hero-copy.sutd-slide .hero-category{animation:sutdHeroTextIn .66s cubic-bezier(.22,.61,.36,1) both;animation-delay:.08s}
.hero-copy.sutd-slide h1{animation:sutdHeroTextIn .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.12s}
.hero-copy.sutd-slide >p:last-of-type{animation:sutdHeroTextIn .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.18s}
.hero-copy.sutd-slide .white-button{animation:sutdHeroTextIn .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.24s}
@media(prefers-reduced-motion:reduce){.hero-copy.sutd-slide,#hero-image.sutd-slide,.hero-copy.sutd-slide *{animation:none!important}}

/* 重要入口：红色高亮跟随鼠标 */
.gateway-card{transition:background .25s ease,color .25s ease}
.gateway-card:hover{background:var(--navy);color:#fff}
.gateway-card:hover .gateway-card-top{border-color:#ffffff38}
.gateway-card:hover .gateway-card-top small{color:#b7c6cf}
.gateway-card:hover nav a{border-color:#ffffff25;color:#e8eef2}
.gateway-card:hover nav a:hover{color:#d8bc90}
/* 鼠标移到其它卡片时，取消默认高亮的 01 */
.gateway-grid:hover .gateway-card-featured:not(:hover){background:#f7f8f8;color:inherit}
.gateway-grid:hover .gateway-card-featured:not(:hover) .gateway-card-top{border-color:#cfd7db}
.gateway-grid:hover .gateway-card-featured:not(:hover) .gateway-card-top small{color:#798890}
.gateway-grid:hover .gateway-card-featured:not(:hover) h3{font-size:23px}
.gateway-grid:hover .gateway-card-featured:not(:hover) nav a{border-color:#d9e0e3;color:inherit}
.gateway-grid:hover .gateway-card-featured:not(:hover) nav a:hover{color:#967343}