@font-face{font-family:Inter;src:url('fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
:root{color-scheme:light;--ink:#111;--paper:#f9f9f9;--teal:#0099ab;--space:clamp(48px,8vw,104px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;padding:clamp(16px,3.25vw,60px);color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3,.site-header{font-family:Inter,Arial,sans-serif}h1,h2,h3{line-height:1.2;font-weight:400;margin:0 0 32px}h1{font-size:clamp(32px,3.2vw,52px)}h2{font-size:clamp(28px,2.5vw,40px)}p{margin:0 0 24px}a{color:inherit;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}address{font-style:normal}button{font:inherit}.wide{width:100%;max-width:1460px;margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;background:#fff;color:#111;padding:16px;z-index:10}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#606060;color:white;padding:15px 6%;min-height:126px;display:flex;align-items:center}.header-inner{width:100%;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{flex:none;width:208px}.brand img{width:208px}.site-header ul{list-style:none;display:flex;align-items:center;gap:24px;padding:0;margin:0}.site-header a{text-decoration:none}.site-header nav a{display:block;padding:10px 0;font-size:clamp(16px,1.45vw,24px);font-weight:500;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none;background:transparent;border:1px solid #fff;color:white;padding:9px 12px;border-radius:3px;cursor:pointer}.menu-toggle[hidden]{display:none}
main{background:var(--paper)}.home-hero{text-align:center;padding:var(--space) 24px;min-height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(23px,1.9vw,30px);font-weight:700;margin-bottom:22px}.hero-logo{width:451px;margin-bottom:24px}.home-hero p{max-width:600px;margin:0}.introduction{background:#fff;padding:var(--space) 6%}.introduction p{text-align:center;margin:16px 0 120px}.team-photo{width:100%;margin:0 auto 60px}.contact-section{color:#fff;background:linear-gradient(#0006,#0006),url('images/heor-contact.webp') center 60%/cover;padding:48px 24px 70px}.contact-section h2{text-align:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:830px;margin:auto}.contact-grid address{line-height:1.6}.positions{background:white;text-align:center;padding:64px 24px}.positions p:last-child{margin:0}.page-title{overflow-wrap:anywhere;hyphens:auto;text-align:center;padding:var(--space) 24px 64px;margin:0}.team-intro{padding:0 6%}.investigator{display:grid;grid-template-columns:32% 1fr;gap:4%;padding-bottom:0}.principal-photo{width:310px;border-radius:10px}.investigator h2{margin-bottom:110px}.bio{line-height:1.55}.members{padding:120px 6% 70px;background:#fff;max-width:none}.members>h2{text-align:center;margin-bottom:110px}.members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:70px 7%;max-width:1460px;margin:auto}.member{position:relative;overflow:hidden;align-self:start}.member img{width:100%;aspect-ratio:713/1024;object-fit:cover}.member figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;background:linear-gradient(transparent,#000b);color:white;padding:50px 12px 14px;font-size:13px;line-height:1.5;text-shadow:0 1px 3px #000}
.studies{background:#cfcabe;padding:var(--space) 8% calc(var(--space)*1.5)}.research-grid{display:grid;grid-template-columns:36% 1fr;gap:8%}.research-photo{width:100%;margin-top:110px}.study-text{line-height:1.2}.study-text p:last-child{margin-top:100px}.partners{padding:var(--space) 8% 70px}.partners .button{margin-top:70px}.partner-logos{width:100%;align-self:center}.button{display:inline-block;background:#111;color:#fff;padding:12px 18px;border-radius:4px;font-size:14px;text-decoration:none}.button:hover{background:#343434}.publication-heading{min-height:570px;display:grid;place-items:center;text-align:center;padding:80px 24px}.publication-heading h1{margin:0}.publications{padding:0 6% 100px;max-width:none;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.publications h2{font:700 16px Arial,sans-serif;margin:24px 0 0}.publications p{margin-bottom:24px}.publications>.button{margin-top:24px}.legal{padding:0 6% 80px;overflow-wrap:anywhere;max-width:1300px}.legal h2{font-size:28px;margin-top:40px}.legal h3,.legal h4{font-size:22px;margin-top:32px}.legal p{margin-bottom:22px}
.site-footer{background:var(--paper);padding:var(--space) 8% 30px;border-top:1px solid #eee}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:8%;max-width:1280px;margin:auto}.footer-grid h2{font-size:21px;font-weight:600}.footer-logo{width:257px;margin-bottom:24px}.iso-logo{width:212px;margin:32px 0 20px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:12px}.footer-grid nav a{text-decoration:none}.footer-grid nav a:hover{text-decoration:underline}.footer-grid address{margin-bottom:24px}.credits{max-width:1280px;margin:80px auto 0;font-size:14px;color:#636363}
@media(min-width:1800px){.introduction p{margin-bottom:150px}}
@media(max-width:1100px){body{padding:24px}.site-header{padding-inline:4%;min-height:100px}.site-header ul{gap:16px}.brand,.brand img{width:180px}.header-inner{gap:20px}.investigator h2{margin-bottom:55px}.members-grid{gap:44px 5%}.footer-grid{gap:5%}.site-footer{padding-inline:6%}}
@media(max-width:800px){body{padding:16px;font-size:16px}.site-header{padding:12px 20px;min-height:90px}.header-inner{flex-wrap:wrap;gap:4px}.brand,.brand img{width:170px}.js .menu-toggle{display:block}.site-header nav{width:100%}.site-header ul{flex-wrap:wrap;gap:0 22px;padding:12px 0}.js .site-header nav{display:none}.js .site-header nav.is-open{display:block}.site-header nav a{font-size:18px;padding:10px 0}.home-hero{min-height:460px;padding:70px 24px}.hero-logo{width:360px}.introduction{padding:60px 6%}.introduction p{margin-bottom:60px}.team-photo{margin-bottom:0}.investigator{grid-template-columns:30% 1fr;gap:6%}.investigator h2{font-size:28px;margin-bottom:32px}.members{padding:65px 6%}.members>h2{margin-bottom:50px}.members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 7%}.research-grid{grid-template-columns:34% 1fr;gap:6%}.research-photo{margin-top:50px}.studies{padding:64px 6%}.partners{padding:64px 6%}.publication-heading{min-height:340px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-grid>div:first-child{grid-column:1/-1;max-width:650px}.credits{margin-top:40px}.page-title{padding:65px 20px 50px}}
@media(max-width:540px){body{padding:0}.site-header{min-height:80px;padding:10px 20px}.home-hero{min-height:420px;padding:60px 22px}.home-hero h1{font-size:23px}.home-hero p{font-size:16px}.hero-logo{width:320px}.introduction{padding:50px 22px}.introduction p{text-align:left;margin:0 0 44px}.contact-grid{grid-template-columns:1fr;gap:28px;max-width:340px}.contact-section{padding:44px 24px}.positions{padding:50px 22px}.team-intro{padding-inline:22px}.investigator{grid-template-columns:1fr;gap:32px}.principal-photo{width:min(65%,280px);margin:auto}.investigator h2{font-size:28px}.members{padding:55px 22px}.members-grid{gap:28px 18px}.member figcaption{font-size:12px;padding:35px 7px 10px}.research-grid{grid-template-columns:1fr;gap:36px}.research-photo{max-width:350px;margin:32px auto 0}.study-text{line-height:1.45}.study-text p:last-child{margin-top:40px}.partners .button{margin-top:12px}.partners h2 br{display:none}.partner-logos{max-width:500px}.publication-heading{min-height:260px}.publications{padding:0 22px 60px}.legal{padding:0 22px 50px}.site-footer{padding:55px 24px 28px}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-grid>div:first-child{grid-column:auto}.footer-grid h2{margin-bottom:22px}.credits{margin-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{padding:0}.site-header,.menu-toggle,.site-footer,.skip-link{display:none}main{background:white}.home-hero,.publication-heading{min-height:0;padding:30px}.members-grid{grid-template-columns:repeat(4,1fr)}a{color:#111}.contact-section{background:#555!important;color:#fff}img{break-inside:avoid}.legal{padding:0}}
