/* Owner revision: coherent Lora hero identity, understated date and department prefix. */
@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/public-sans-latin-variable.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/fonts/lora-latin-variable.woff2") format("woff2")}
body{font-family:"Public Sans",Arial,Helvetica,sans-serif}
.landing-screen{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.landing-screen .brand-header{background:#000}
.landing-screen .brand-header-inner{min-height:72px;padding-block:8px}
.home-university-identity{display:block;flex:0 1 276px;width:276px;max-width:100%;padding:18px;color:#fff}
.home-university-identity img{display:block;width:240px;max-width:100%;height:auto;aspect-ratio:600/43.8}
.landing-screen .brand-nav{font-family:"Public Sans",Arial,Helvetica,sans-serif}
.landing-screen>main{display:flex;flex:1;min-width:0}
.landing-screen .hero{display:flex;flex:1;flex-direction:column;min-width:0}
.landing-screen .scientific-figure{display:flex;flex:1;flex-direction:column}
.landing-screen .scientific-frame{position:relative;flex:1;height:calc(100svh - 205px);min-height:300px;aspect-ratio:auto}
.hero-banner{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 40px);padding:16px 38px;background:rgba(2,6,5,.78);border-block:1px solid #ffffff30;pointer-events:none;text-align:center}
.hero-banner h1{font-family:"Lora",Georgia,serif;font-size:clamp(28px,3.4vw,42px);font-variant-caps:small-caps;font-weight:400;letter-spacing:.02em;line-height:1.1;white-space:nowrap;margin:0}
.hero-established{font-family:"Lora",Georgia,serif;font-size:11px;font-weight:400;line-height:1.35;letter-spacing:.015em;color:#c4cbbf;margin:5px 0 0}
.hero-department-prefix{display:block;font-size:inherit;font-variant-caps:small-caps;line-height:1.3;letter-spacing:.03em;margin-bottom:3px}
.hero-banner .hero-lab-mark{--brand-green:#d4f56e;width:72px;margin:12px auto}
.hero-department{font-family:"Lora",Georgia,serif;font-variant-caps:small-caps;font-size:clamp(15px,1.6vw,21px);font-weight:400;line-height:1.35;letter-spacing:0;max-width:430px;margin:0}
.hero-details{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:68px;padding:10px var(--gutter);background:var(--night)}
.hero-details .hero-description{max-width:580px;font-size:11px;margin:0}
.featured-video{padding:60px var(--gutter) 48px;border-top:1px solid var(--rule);background:var(--night)}
.featured-video-inner{max-width:1120px;margin-inline:auto}
.featured-video h2{font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-.015em;margin:0 0 22px}
.youtube-frame{aspect-ratio:16/9;background:#000}
.youtube-frame iframe{display:block;width:100%;height:100%;border:0}
.featured-video p{margin:16px 0 0;text-align:right;font-size:11px;color:var(--muted)}
.featured-video a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.landing-screen .scientific-frame{height:calc(100svh - 255px);min-height:280px}}
@media(max-width:900px){.home-university-identity{flex:0 0 auto;width:256px}.home-university-identity img{width:220px}}
@media(max-width:600px){.landing-screen .scientific-frame{height:calc(100svh - 270px);min-height:260px}.hero-banner{padding:16px 24px}.hero-banner h1{font-size:31px}.hero-banner .hero-lab-mark{width:58px;margin:9px auto}.hero-established{font-size:10px;margin-top:4px}.hero-department-prefix{font-size:inherit;margin-bottom:2px}.hero-department{font-size:15px;max-width:260px}.hero-details{gap:18px;min-height:76px;padding-block:12px}.hero-details .hero-description{font-size:10px;max-width:230px}.featured-video{padding-block:38px}.featured-video h2{font-size:16px;margin-bottom:18px}}
@media(max-width:370px){.hero-banner h1{font-size:28px}.hero-details .hero-description{max-width:180px}}

/* Owner placement: the exact research sentence sits directly below the lab mark. */
.hero-banner .hero-description{max-width:48ch;margin:0 auto 12px;color:#d4f56e;font-family:"Public Sans",Arial,Helvetica,sans-serif;font-size:clamp(10px,1vw,12px);font-weight:400;line-height:1.45;letter-spacing:0;text-align:center}