.page-hero{padding:120px 0 86px;background:linear-gradient(135deg,#050b13,#0b1630);color:#fff}.page-hero .section-label{color:#8fb8ff}.page-hero h1{max-width:900px;font-size:clamp(46px,6vw,76px);line-height:1.04;letter-spacing:-.05em}.page-hero p{max-width:760px;margin-top:24px;color:rgba(235,241,255,.76);font-size:18px;line-height:1.8}.page-section{padding:96px 0}.page-section.soft{background:var(--soft)}.page-title{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em;line-height:1.1;margin-bottom:18px}.page-lead{max-width:760px;color:var(--muted);font-size:17px;line-height:1.8}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.content-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.content-card h2,.content-card h3{margin-bottom:12px;letter-spacing:-.025em}.content-card p{color:var(--muted);line-height:1.75}.tag{display:inline-block;margin-bottom:18px;color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.member-group{margin-top:72px}.member-group-heading{display:flex;align-items:baseline;gap:18px;padding-bottom:15px;margin-bottom:28px;border-bottom:1px solid var(--line)}.member-group-heading h2{font-size:27px;letter-spacing:-.03em}.member-group-index{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.people-grid-single{grid-template-columns:minmax(0,420px)}.person-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.person-card:hover{transform:translateY(-4px);border-color:#cfd8eb;box-shadow:0 18px 38px rgba(15,23,42,.07)}.person-card-featured{padding:30px}.person-photo{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border-radius:16px;background:linear-gradient(135deg,#e8eef9,#f9fafc);margin-bottom:22px;overflow:hidden}.person-photo::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 66%)}.person-photo img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.person-photo span{position:relative;z-index:1;color:#8492a8;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.person-card h3{font-size:22px;margin-bottom:4px;letter-spacing:-.02em}.person-role{color:var(--accent);font-size:13px;font-weight:650;margin-bottom:12px}.person-card p{color:var(--muted);line-height:1.7}.alumni-list{display:grid;gap:0;border-top:1px solid var(--line)}.alumni-row{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:28px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line)}.alumni-row h3{font-size:18px;letter-spacing:-.02em}.alumni-affiliation{color:#475467;font-size:14px}.alumni-affiliation span{display:block;margin-bottom:3px;color:#98a2b3;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}/* Publications */
.publication-list{margin-top:58px;border-top:0;display:grid;gap:14px}.publication-item{position:relative;display:grid;grid-template-columns:112px 1fr;gap:30px;padding:25px 28px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.publication-item:hover{transform:translateY(-2px);border-color:#d0d9e8;box-shadow:0 12px 28px rgba(15,23,42,.055)}.publication-year{padding-top:3px;color:#7c8ba1;font-size:12px;font-weight:750;letter-spacing:.03em}.publication-item h3{font-size:19px;line-height:1.45;margin-bottom:9px;letter-spacing:-.015em}.publication-meta{color:var(--muted);font-size:14px;line-height:1.75}.publication-meta strong{color:#344054;font-weight:680}

.publication-item:nth-child(1),.publication-item:nth-child(10),.publication-item:nth-child(11),.publication-item:nth-child(13),.publication-item:nth-child(14),.publication-item:nth-child(15),.publication-item:nth-child(21),.publication-item:nth-child(24),.publication-item:nth-child(26),.publication-item:nth-child(27),.publication-item:nth-child(29),.publication-item:nth-child(30),.publication-item:nth-child(32),.publication-item:nth-child(33),.publication-item:nth-child(34),.publication-item:nth-child(35),.publication-item:nth-child(37),.publication-item:nth-child(38),.publication-item:nth-child(45),.publication-item:nth-child(49){margin-top:74px}
.publication-item:nth-child(1){margin-top:36px}

.publication-item:nth-child(1)::before,.publication-item:nth-child(10)::before,.publication-item:nth-child(11)::before,.publication-item:nth-child(13)::before,.publication-item:nth-child(14)::before,.publication-item:nth-child(15)::before,.publication-item:nth-child(21)::before,.publication-item:nth-child(24)::before,.publication-item:nth-child(26)::before,.publication-item:nth-child(27)::before,.publication-item:nth-child(29)::before,.publication-item:nth-child(30)::before,.publication-item:nth-child(32)::before,.publication-item:nth-child(33)::before,.publication-item:nth-child(34)::before,.publication-item:nth-child(35)::before,.publication-item:nth-child(37)::before,.publication-item:nth-child(38)::before,.publication-item:nth-child(45)::before,.publication-item:nth-child(49)::before{position:absolute;left:0;top:-56px;color:var(--ink);font-size:32px;font-weight:760;letter-spacing:-.045em;line-height:1}
.publication-item:nth-child(1)::before{content:"2025"}.publication-item:nth-child(10)::before{content:"2024"}.publication-item:nth-child(11)::before{content:"2023"}.publication-item:nth-child(13)::before{content:"2022"}.publication-item:nth-child(14)::before{content:"2021"}.publication-item:nth-child(15)::before{content:"2020"}.publication-item:nth-child(21)::before{content:"2019"}.publication-item:nth-child(24)::before{content:"2018"}.publication-item:nth-child(26)::before{content:"2017"}.publication-item:nth-child(27)::before{content:"2016"}.publication-item:nth-child(29)::before{content:"2015"}.publication-item:nth-child(30)::before{content:"2014"}.publication-item:nth-child(32)::before{content:"2013"}.publication-item:nth-child(33)::before{content:"2012"}.publication-item:nth-child(34)::before{content:"2011"}.publication-item:nth-child(35)::before{content:"2009"}.publication-item:nth-child(37)::before{content:"2008"}.publication-item:nth-child(38)::before{content:"2007"}.publication-item:nth-child(45)::before{content:"2006"}.publication-item:nth-child(49)::before{content:"2005"}

.info-list{display:grid;gap:16px;margin-top:34px}.info-row{padding:20px 0;border-bottom:1px solid var(--line)}.info-row strong{display:block;margin-bottom:5px}.cta-box{padding:48px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#08111f,#142246)}.cta-box h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.cta-box p{max-width:720px;margin:18px 0 26px;color:rgba(255,255,255,.74)}.contact-grid{align-items:start}.contact-email{color:var(--ink);font-weight:650;letter-spacing:.015em}.contact-guide{display:flex;flex-direction:column;min-height:100%}.contact-guide h3:not(:first-of-type){margin-top:28px}.contact-note{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);font-size:13px}.contact-note strong{color:var(--ink)}@media(max-width:900px){.content-grid,.people-grid,.people-grid-single{grid-template-columns:1fr}.publication-item{grid-template-columns:1fr;gap:8px}.alumni-row{grid-template-columns:1fr;gap:6px}.page-hero{padding:90px 0 70px}.member-group{margin-top:56px}}

/* Compact people layout: keep two rows of postdocs and students visible on desktop. */
.people-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.people-grid-single{grid-template-columns:minmax(0,360px)}.person-card{padding:18px}.person-card-featured{padding:22px}.person-photo{margin-bottom:16px}.person-card h3{font-size:20px}.person-role{margin-bottom:8px}@media(max-width:1050px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.people-grid-single{grid-template-columns:minmax(0,340px);justify-content:center}}@media(max-width:720px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.people-grid,.people-grid-single{grid-template-columns:minmax(0,300px);justify-content:center}}

/* Interior page visual refresh */
.page-hero{position:relative;overflow:hidden;padding:94px 0 72px;background:radial-gradient(circle at 82% 26%,rgba(69,119,255,.2),transparent 25%),linear-gradient(135deg,#050a12,#0a1730 62%,#101d3e)}.page-hero::after{content:"QDL";position:absolute;right:max(4vw,28px);bottom:-45px;color:rgba(255,255,255,.025);font-size:clamp(150px,23vw,330px);font-weight:850;letter-spacing:-.08em;line-height:1;pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero .section-label{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;margin-bottom:20px;border:1px solid rgba(143,184,255,.2);border-radius:999px;background:rgba(255,255,255,.035);font-size:10px}.page-hero h1{max-width:860px;font-size:clamp(42px,5.4vw,68px);line-height:1.035}.page-hero p{max-width:700px;margin-top:22px;font-size:16px}.page-section{padding:82px 0}.page-section.soft{background:#f5f7fb}.page-title{font-size:clamp(30px,3.8vw,46px)}.content-grid{gap:18px;margin-top:40px}.content-card{position:relative;padding:27px;border-color:#e2e7f0;border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.045);overflow:hidden}.content-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),transparent 58%);opacity:.72}.content-card h3{font-size:21px}.tag{margin-bottom:15px;font-size:10px}.member-group{margin-top:60px}.member-group-heading{margin-bottom:22px}.publication-item{border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.035)}.cta-box{position:relative;overflow:hidden;padding:44px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 84% 20%,rgba(73,121,255,.22),transparent 27%),linear-gradient(135deg,#07101f,#132348);box-shadow:var(--shadow-lg)}.cta-box::after{content:"";position:absolute;right:-45px;bottom:-70px;width:220px;height:220px;border:1px solid rgba(143,184,255,.13);border-radius:50%}.placeholder-grid .content-card{min-height:250px;display:flex;flex-direction:column}.placeholder-grid .placeholder-visual{height:76px;margin:20px 0}.placeholder-grid .placeholder-status{margin-top:auto;padding-top:20px}@media(max-width:900px){.page-hero{padding:76px 0 60px}.page-section{padding:70px 0}.content-card{padding:24px}}@media(max-width:600px){.page-hero h1{font-size:clamp(38px,11vw,52px)}.page-hero p{font-size:15px}.cta-box{padding:30px 25px}.content-grid{margin-top:32px}}

.publication-journal{font-style:italic}.publication-volume{color:#344054;font-weight:720}.publication-citation{font-weight:400}

.people-grid-single{grid-template-columns:minmax(0,1000px);max-width:1000px}.person-card-featured{display:grid;grid-template-columns:minmax(240px,310px) 1fr;gap:34px;align-items:start;padding:24px}.person-card-featured .person-photo{margin:0}.professor-profile{padding:5px 4px}.professor-profile h3{font-size:30px;margin-bottom:5px}.professor-details{display:grid;grid-template-columns:1.45fr 1fr;gap:30px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.profile-label{margin-bottom:15px;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.profile-list{display:grid;gap:14px;list-style:none}.profile-list li{display:grid;gap:3px;color:#475467;font-size:13px;line-height:1.55}.profile-period{color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.02em}@media(max-width:900px){.person-card-featured{grid-template-columns:minmax(220px,270px) 1fr;gap:26px}.professor-details{grid-template-columns:1fr;gap:24px}}@media(max-width:720px){.people-grid-single{width:100%;max-width:520px;margin:0 auto}.person-card-featured{grid-template-columns:1fr}.person-card-featured .person-photo{width:min(100%,300px)}.professor-profile{padding:0}.professor-profile h3{font-size:26px}}@media(max-width:480px){.people-grid-single{max-width:100%}}

/* Research */
.research-page-hero{min-height:540px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(4,10,20,.98) 0%,rgba(5,12,25,.91) 38%,rgba(5,12,25,.42) 67%,rgba(5,12,25,.17) 100%),url("assets/research/research-hero.jpg");background-size:cover;background-position:center center}.research-page-hero::after{display:none}.research-page-hero .container{width:min(calc(100% - 48px),var(--max-width));margin:auto}.research-page-hero h1{max-width:800px;text-shadow:0 3px 28px rgba(0,0,0,.45)}.research-page-hero p{max-width:690px;color:rgba(239,244,255,.82);text-shadow:0 2px 18px rgba(0,0,0,.5)}
.research-overview{background:#fff}.research-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end}.research-intro .page-title{max-width:560px;margin-bottom:0}.research-theme-list{display:grid;gap:34px;margin-top:58px}.research-theme{scroll-margin-top:110px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:54px;align-items:center;padding:46px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.06);overflow:hidden}.research-theme:nth-child(even) .research-theme-copy{order:2}.research-theme:nth-child(even) .research-theme-visual{order:1}.research-theme-copy{position:relative}.research-theme-number{position:absolute;right:0;top:-6px;color:#dbe4f5;font-size:62px;font-weight:820;letter-spacing:-.07em;line-height:1}.research-theme .tag{position:relative;margin-bottom:13px}.research-theme h2{position:relative;max-width:620px;margin-bottom:17px;font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-.04em}.research-theme-copy>p{max-width:670px;color:#566176;font-size:15px;line-height:1.8}.research-question-list{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none}.research-question-list li{position:relative;padding-left:19px;color:#344054;font-size:14px;line-height:1.62}.research-question-list li::before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px #edf2ff}.selected-work{display:grid;gap:7px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.selected-work>span{margin-bottom:2px;color:#8a95a8;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.selected-work p{color:#5f6b7d;font-size:12px;line-height:1.5}.selected-work i{color:#344054}.research-theme-visual{height:360px;margin:0;border:1px solid rgba(210,220,237,.78);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 20px 50px rgba(53,104,232,.08)}.research-theme-visual::before,.research-theme-visual::after{z-index:-1}.research-theme-visual .visual-axis{position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#668dea,#725ce1,transparent)}.research-theme-visual .axis-a{transform:rotate(31deg)}.research-theme-visual .axis-b{transform:rotate(-31deg)}.research-theme-visual .visual-node{position:absolute;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#4c73e7;box-shadow:0 0 0 5px rgba(76,115,231,.13),0 0 24px rgba(76,115,231,.38)}.research-theme-visual .node-a{left:22%;top:36%}.research-theme-visual .node-b{right:22%;bottom:36%;background:#785ce3}.research-theme-visual .visual-dot{position:absolute;width:19px;height:19px;border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 6px rgba(53,104,232,.12),0 12px 30px rgba(53,104,232,.22)}.research-theme-visual .dot-a{left:23%;top:51%;background:#3568e8}.research-theme-visual .dot-b{left:48%;top:30%;background:#7756e8}.research-theme-visual .dot-c{right:22%;top:57%;background:#557ce5}.research-theme-visual .visual-wave{position:absolute;left:14%;right:14%;bottom:19%;height:28px;border-top:2px solid rgba(119,86,232,.35);border-radius:50%}.research-theme-visual .visual-arc{position:absolute;left:10%;bottom:-25%;border:2px solid rgba(53,104,232,.25);border-radius:50%}.research-theme-visual .arc-a{width:200px;height:200px}.research-theme-visual .arc-b{width:290px;height:290px}.research-theme-visual .arc-c{width:380px;height:380px}.research-theme-visual .visual-source{position:absolute;left:9%;bottom:12%;width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:#3568e8;box-shadow:0 0 0 7px rgba(53,104,232,.12),0 0 30px rgba(53,104,232,.48)}.research-theme-visual .signal-line{position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#3568e8,#7756e8,transparent)}.research-theme-visual .signal-a{top:38%;transform:rotate(-7deg)}.research-theme-visual .signal-b{top:61%;transform:rotate(7deg)}.research-theme-visual .signal-gate{position:absolute;top:25%;width:36px;height:50%;border:1px solid rgba(53,104,232,.3);border-radius:9px;background:rgba(255,255,255,.6);box-shadow:0 10px 28px rgba(53,104,232,.12)}.research-theme-visual .gate-a{left:28%}.research-theme-visual .gate-b{right:28%;border-color:rgba(119,86,232,.34)}.research-methods{border-top:1px solid var(--line)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:42px}.method-card{min-height:230px;padding:26px;border:1px solid #dfe5ef;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}.method-card>span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;margin-bottom:42px;border-radius:9px;color:#2d5ed6;background:#edf3ff;font-size:10px;font-weight:800}.method-card h3{margin-bottom:10px;font-size:19px;letter-spacing:-.025em}.method-card p{color:var(--muted);font-size:13px;line-height:1.7}.research-cta{margin-top:32px}.research-button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 28px rgba(53,104,232,.22)}.research-button span{margin-left:8px}
@media(max-width:1050px){.research-theme{grid-template-columns:1.15fr .85fr;gap:36px;padding:38px}.research-theme-visual{height:320px}.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.research-page-hero{min-height:520px;background-position:64% center}.research-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,20,.95),rgba(4,10,20,.78) 66%,rgba(4,10,20,.48));pointer-events:none}.research-intro{grid-template-columns:1fr;gap:20px}.research-theme{grid-template-columns:1fr;gap:28px}.research-theme:nth-child(even) .research-theme-copy,.research-theme:nth-child(even) .research-theme-visual{order:initial}.research-theme-visual{height:240px}.research-theme-number{font-size:52px}.method-card{min-height:210px}}
@media(max-width:560px){.research-theme-list{gap:22px;margin-top:42px}.research-theme{gap:24px;padding:24px;border-radius:22px}.research-theme h2{padding-right:30px;font-size:29px}.research-theme-copy>p{font-size:14px}.research-theme-visual{height:190px;border-radius:18px}.research-theme-number{top:2px;font-size:42px}.selected-work p{font-size:11px}.method-grid{grid-template-columns:1fr}.method-card{min-height:auto}.method-card>span{margin-bottom:30px}}

.research-theme-visual::before,.research-theme-visual::after{z-index:0}.research-theme-visual>span{z-index:1}

/* Keep the professor biography to the right of the portrait at every viewport. */
@media(max-width:720px){.people-grid-single{max-width:100%}.person-card-featured{grid-template-columns:minmax(108px,34%) minmax(0,1fr);gap:18px;padding:16px}.person-card-featured .person-photo{width:100%}.professor-profile h3{font-size:22px;line-height:1.15}.person-card-featured .person-role{font-size:11px;line-height:1.45}.professor-details{gap:22px;margin-top:18px;padding-top:17px}.profile-label{font-size:9px;letter-spacing:.08em}.profile-list{gap:12px}.profile-list li{font-size:11px;line-height:1.48}.profile-period{font-size:10px}}@media(max-width:420px){.person-card-featured{grid-template-columns:minmax(92px,31%) minmax(0,1fr);gap:14px;padding:14px}.professor-profile h3{font-size:20px}}


/* Paper figures used in research themes */
.research-paper-figure{display:block;width:100%;height:auto;min-width:0;margin:0;padding:0;background:#fff;overflow:hidden}
.research-paper-figure img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}
.research-paper-figure figcaption{padding:10px 14px 12px;color:#7b8494;font-size:10px;line-height:1.4;text-align:center}
@media(max-width:560px){.research-paper-figure{height:auto}.research-paper-figure figcaption{padding:9px 10px 10px;font-size:9px}}