:root{--navy:#031e48;--teal:#047f92;--muted:#576c7a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f9fa;color:var(--navy);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:white;border-bottom:1px solid #dae4e8}.logo{display:block;position:relative;width:165px;height:100px;overflow:hidden}.logo img{position:absolute;width:268px;top:-91px;left:-51px}nav{display:flex;gap:35px;font-size:14px}nav a:last-child{border-bottom:1px solid var(--teal);padding-bottom:8px}a:hover{color:var(--teal)}.hero{padding:80px 6% 0;min-height:685px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f5f9fa 35%,#e5f1f3)}.hero-text{position:relative;z-index:2}.label{font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--teal)}h1{font-size:clamp(52px,6vw,86px);line-height:1.05;letter-spacing:-4px;font-weight:400;margin:35px 0 26px}em{font-style:normal;color:var(--teal)}.intro{font-size:20px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;gap:50px;padding:19px 25px;background:var(--navy);color:#fff;border-radius:3px;margin-top:20px;font-size:14px}.button:hover{background:var(--teal);color:white}.science{position:absolute;right:0;top:55px;width:50%;height:500px;background-image:linear-gradient(#00839708 1px,transparent 1px),linear-gradient(90deg,#00839708 1px,transparent 1px);background-size:40px 40px}.sphere{position:absolute;left:30%;top:135px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 28% 23%,#d8f4f3,#4eb0bc 30%,#008397 60%,#061f49);box-shadow:inset -15px -20px 40px #061f4960,0 25px 70px #00839730}.orbit{position:absolute;left:9%;top:145px;width:480px;height:200px;border:1px solid #00839750;border-radius:50%;transform:rotate(-30deg)}.two{transform:rotate(40deg);border-color:#061f4930}.three{transform:rotate(90deg)}.satellite{position:absolute;left:20%;top:100px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#c4efed,#008397)}.notation{position:absolute;bottom:15px;left:25%;font-size:9px;letter-spacing:3px;color:var(--teal)}.hero-footer{position:relative;z-index:2;display:flex;justify-content:space-between;margin-top:74px;padding:25px 0;border-top:1px solid #ccdbdf;font-size:12px;color:var(--muted)}section{scroll-margin-top:30px}.split{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:100px 6%}.split>.label{margin-top:12px}h2{font-size:clamp(38px,4.3vw,60px);letter-spacing:-2px;line-height:1.12;font-weight:400;margin:0 0 35px}.lead{font-size:25px;line-height:1.5;max-width:660px}.copy{font-size:16px;line-height:1.8;color:var(--muted);max-width:580px}.foundation{border-top:1px solid #cadadd;padding-top:30px;margin-top:48px}h3{font-size:27px;font-weight:400;line-height:1.35}.team{background:var(--navy);color:#fff;padding:80px 6%}.heading{padding:0}.team em{color:#6bced4}.team .label{color:#6bced4}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.people article{border-top:1px solid #ffffff40;padding-top:23px}.people article>span{font-size:11px;color:#7cb2c0}.people h3{font-size:30px;margin:35px 0 15px}.people p{font-size:14px;color:#c1d0dc}.people small{display:block;margin-top:36px;letter-spacing:2px;font-size:9px;color:#6bced4}.contact{background:white}.email{font-size:clamp(19px,2.5vw,34px);display:block;padding:15px 0 25px;border-bottom:1px solid #ccdbdf;overflow-wrap:anywhere}.address{margin-top:40px}footer{padding:30px 6%;border-top:1px solid #dce5e8;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}@media(max-width:800px){header{padding:0 5%;height:95px}.logo{width:125px}.logo img{width:230px;left:-50px;top:-72px}nav{gap:15px;font-size:12px}.hero{padding:55px 6% 0;min-height:860px}h1{font-size:56px;letter-spacing:-2px}.intro{font-size:17px}.science{top:400px;left:0;width:100%;height:340px;transform:scale(.8);transform-origin:top center}.sphere{top:65px;left:27%}.orbit{top:75px;left:0}.satellite{top:30px}.notation{bottom:0;left:15%}.hero-footer{margin-top:380px;font-size:10px}.split{grid-template-columns:1fr;padding:65px 6%;gap:25px}h2{font-size:42px}.lead{font-size:21px}.team{padding:65px 6%}.heading{padding:0}.people{grid-template-columns:1fr;gap:35px}.people h3{margin-top:20px}.people small{margin-top:20px}footer{flex-wrap:wrap;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Display the complete logo, centered at every screen size. */
.logo{display:flex;align-items:center;justify-content:center;width:165px;height:100px;overflow:visible}.logo img{position:static;width:100%;height:auto;max-height:88px;object-fit:contain}@media(max-width:800px){.logo{width:125px;height:85px}.logo img{position:static;width:100%;max-height:78px}}

.research-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:40px}.research-path article{border-top:1px solid #cadadd;padding-top:24px}.research-path h3{font-size:23px;margin:16px 0 12px}.research-path .copy{font-size:15px;margin:0}.research-path .label{font-size:9px;letter-spacing:1.6px}@media(max-width:600px){.research-path{grid-template-columns:1fr;gap:26px}}

.header-actions{display:flex;align-items:center;gap:32px}.languages{display:flex;gap:9px;font-size:12px;align-items:center}.languages a{padding:8px 2px;color:var(--muted)}.languages [aria-current=page]{color:var(--teal);font-weight:700;border-bottom:2px solid var(--teal)}.hero-text{max-width:59%}.hero-tagline{font-size:12px;letter-spacing:1.5px;color:var(--teal);margin:0 0 25px}.intro{font-size:18px}.biology{position:absolute;right:0;top:80px;width:43%;height:440px;display:flex;align-items:center;background:radial-gradient(ellipse,#d4e9e980,transparent 70%)}.biology img{width:100%;height:auto}.hero-footer{margin-top:60px}.mission{border-left:2px solid var(--teal);padding:6px 0 6px 25px;margin:35px 0}.mission .label{text-transform:uppercase}.mission .lead{font-size:22px;margin:16px 0 5px}.path-label{margin-top:45px}.research-path{margin-top:22px}.ethics{margin-top:45px}.projects{background:#eaf3f3}.project-areas{list-style:none;margin:30px 0;padding:0}.project-areas li{padding:18px 0;border-top:1px solid #c4d9dc;font-size:19px}.project-areas li:last-child{border-bottom:1px solid #c4d9dc}.project-note{font-size:13px}.collaboration{margin-top:45px}.collaboration h3{font-size:30px}.label{line-height:1.7}@media(max-width:1050px){nav{gap:20px}.header-actions{gap:20px}.hero-text{max-width:65%}.intro{font-size:16px}.biology{width:38%}}@media(max-width:800px){header{height:auto;min-height:100px;gap:15px;align-items:center;flex-wrap:wrap;padding:8px 6% 18px}.logo{width:125px;height:80px}.header-actions{flex:1;justify-content:flex-end;gap:16px;flex-wrap:wrap}nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:12px}.hero{padding-top:45px;min-height:0}.hero-text{max-width:100%}.hero-tagline{font-size:10px;letter-spacing:1px}.intro{font-size:16px}.biology{position:relative;top:auto;right:auto;width:100%;height:auto;max-width:430px;margin:20px auto 0}.hero-footer{margin-top:0;gap:15px;line-height:1.7}.mission{padding-left:20px}.mission .lead{font-size:20px}.collaboration h3{font-size:26px}}@media(max-width:420px){header{gap:4px}.logo{width:105px}.header-actions{gap:6px;max-width:190px}nav{gap:10px}.languages{font-size:11px}h1{font-size:49px}.intro br{display:none}.hero-footer{font-size:10px}}

/* Cellular illustration as a subtle background, outside the content flow. */
.hero{isolation:isolate;min-height:0;padding-bottom:0;background:linear-gradient(110deg,#f5f9fa 30%,#e8f2f3)}
.hero-text{max-width:760px}
.biology{position:absolute;z-index:-1;inset:0 0 0 auto;width:57%;max-width:none;height:100%;margin:0;opacity:.27;pointer-events:none;overflow:hidden;background:none;display:block;mask-image:linear-gradient(90deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%)}
.biology img{position:absolute;right:-5%;top:50%;width:100%;height:100%;object-fit:contain;transform:translateY(-50%)}
.hero-footer{margin-top:60px}
@media(max-width:800px){.hero{min-height:0}.hero-text{max-width:100%}.biology{position:absolute;inset:0 0 0 auto;width:100%;max-width:none;height:100%;margin:0;opacity:.15;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}.biology img{right:-25%;width:115%;height:100%;object-fit:cover}.hero-footer{margin-top:45px}}

/* Keep navigation available while scrolling and leave anchor headings visible. */
header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 12px #031e4808}
html{scroll-padding-top:130px}
section{scroll-margin-top:0}
.hero{padding-bottom:70px}
@media(max-width:800px){html{scroll-padding-top:160px}.hero{padding-bottom:45px}}

/* Emphasize the collaboration message within Projects. */
.collaboration{margin-top:60px;padding-top:38px;border-top:1px solid #b8d2d7}
.collaboration h3{font-size:clamp(34px,3.6vw,50px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 25px;color:var(--teal)}
.collaboration .copy{font-size:18px;line-height:1.8}
@media(max-width:800px){.collaboration{margin-top:45px;padding-top:30px}.collaboration h3{font-size:34px;letter-spacing:-1px}.collaboration .copy{font-size:17px}}

/* Optimized editorial hierarchy. */
.hero-text{max-width:800px}.hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.08}.hero .intro{max-width:560px;font-size:20px;line-height:1.65}.hero{padding-top:75px;padding-bottom:75px}.split{padding-top:85px;padding-bottom:85px}.split h2{font-size:clamp(36px,3.7vw,52px)}.path-intro{margin-top:45px;padding-top:30px;border-top:1px solid #cadadd}.path-intro .copy{font-size:15px;max-width:570px}.research-path{margin-top:25px}.research-path h3{font-size:21px}.project-areas li{padding:24px 0}.project-areas h3{font-size:26px;margin:0 0 10px}.project-areas .copy{margin:0;font-size:16px}.collaboration-banner{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:75px 6%;background:#fff}.collaboration-banner h2{font-size:clamp(34px,3.5vw,48px);margin:0}.collaboration-banner .copy{margin:0 0 25px}.text-link{display:inline-block;font-size:15px;color:var(--teal);padding:8px 0;border-bottom:1px solid var(--teal)}.team h2{font-size:clamp(36px,3.7vw,52px)}@media(max-width:800px){.hero{padding-top:45px;padding-bottom:50px}.hero h1{font-size:clamp(42px,7.5vw,58px);letter-spacing:-2px}.hero .intro{font-size:18px}.split{padding-top:60px;padding-bottom:60px}.heading{padding:0}.collaboration-banner{grid-template-columns:1fr;gap:25px;padding:55px 6%}.split h2,.team h2{font-size:38px}.project-areas h3{font-size:24px}}