/* Page base kept local so the preview does not depend on an offloaded legacy stylesheet. */
html {font-size:62.5%;}
body {margin:0;color:#202020;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.hero-section {position:relative;height:42rem;overflow:hidden;}
.image-container {height:100%;}
.background-image-lab {width:100%;height:100%;object-fit:cover;display:block;}
.overlay {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);}
.overlay-text {font-size:5rem;color:#fff;line-height:1.1;text-align:center;padding:8rem 2rem 2rem;margin:0;}
@media(max-width:750px) {.hero-section {height:28rem;}.overlay-text {font-size:3.6rem;}}
.heading-text {
	font-size: 4rem;
	font-weight: bold;
}

.subheading-text {
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.title-text {
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.caption {
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 2rem;
}

.body {
	padding: 4rem;
}

.hr-break {
	margin: 2rem 0;
	border: 1px solid rgb(222, 222, 222);
}

/* Base styles remain the same */

/* Small Phones (260px+) */
@media (min-width: 260px) {
	.heading-text {
		font-size: 2rem;
	}
	.subheading-text {
		font-size: 1.8rem;
	}
	.title-text {
		font-size: 1.5rem;
	}
	.caption {
		font-size: 1.2rem;
	}
	.body {
		padding: 1.5rem;
	}
}

/* Medium Phones (375px+) */
@media (min-width: 375px) {
	.heading-text {
		font-size: 2.3rem;
	}
	.subheading-text {
		font-size: 2rem;
	}
	.title-text {
		font-size: 1.7rem;
	}
	.caption {
		font-size: 1.4rem;
	}
	.body {
		padding: 2rem;
	}
}

/* Tablets (768px+) */
@media (min-width: 768px) {
	.heading-text {
		font-size: 3rem;
	}
	.subheading-text {
		font-size: 2.5rem;
	}
	.title-text {
		font-size: 2rem;
	}
	.caption {
		font-size: 1.6rem;
	}
	.body {
		padding: 3rem;
	}
}

/* Small Laptops (1024px+) */
@media (min-width: 1024px) {
	.heading-text {
		font-size: 3.5rem;
	}
	.subheading-text {
		font-size: 2.8rem;
	}
	.title-text {
		font-size: 2.2rem;
	}
	.caption {
		font-size: 1.8rem;
	}
	.body {
		padding: 3.5rem;
	}
}

/* Your target viewport (1441px+) */
@media (min-width: 1440px) {
	.heading-text {
		font-size: 4rem;
	}
	.subheading-text {
		font-size: 3rem;
	}
	.title-text {
		font-size: 2.3rem;
	}
	.caption {
		font-size: 2rem;
	}
	.body {
		padding: 4rem;
	}
}

/* 4K Displays (2560px+) */
@media (min-width: 2560px) {
	.heading-text {
		font-size: 5.5rem;
	}
	.subheading-text {
		font-size: 4.5rem;
	}
	.title-text {
		font-size: 3.5rem;
	}
	.caption {
		font-size: 3rem;
	}
	.body {
		padding: 6rem;
	}
}

/* Research themes share the homepage identity and concise typography. */
.projects-body {max-width:116rem;margin:auto;padding:4rem;box-sizing:border-box;}
.projects-intro {margin-bottom:3rem;}
.projects-intro h2 {font-size:3.6rem;font-weight:400;margin:0 0 1rem;}
.projects-intro p {font-size:1.5rem;line-height:1.6;margin:0 0 2rem;}
#project-theme-nav {display:flex;flex-wrap:wrap;gap:.8rem;}
#project-theme-nav a {font-size:1.25rem;line-height:1.5;color:#500000;text-decoration:none;border:1px solid #d1d1d1;padding:.6rem 1rem;}
#project-theme-nav a:hover {background:#eaeaea;}
.project-theme-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;}
.project-theme {min-width:0;scroll-margin-top:10rem;background:#f6f6f6;border-bottom:3px solid #500000;padding:2.6rem;}
.project-theme-header {display:flex;align-items:center;gap:1.8rem;margin-bottom:2rem;}
.project-theme-icon {flex:none;width:6.4rem;height:6.4rem;}
.project-theme h2 {font-size:2.6rem;font-weight:400;line-height:1.25;margin:0;}
.project-entry + .project-entry {border-top:1px solid #d1d1d1;margin-top:2rem;padding-top:2rem;}
.project-entry h3 {font-size:1.9rem;font-weight:400;line-height:1.35;margin:0 0 .8rem;}
.project-entry-description {font-size:1.45rem;line-height:1.6;margin:0 0 1.5rem;}
.project-paper-heading {font-size:1.2rem;line-height:1.5;font-weight:600;color:#535353;margin:0 0 .5rem;}
.project-paper-list {list-style:none;margin:0;padding:0;}
.project-paper-list li {font-size:1.3rem;line-height:1.5;padding:.7rem 0;border-top:1px solid #d1d1d1;}
.project-paper-list a {color:#500000;text-underline-offset:.3rem;overflow-wrap:anywhere;}
.project-paper-year {color:#535353;margin-left:.6rem;white-space:nowrap;}
.project-theme.project-theme-approach {background:#535353;color:#ffffff;}
.project-theme-approach .project-paper-heading,.project-theme-approach .project-paper-year {color:#d1d1d1;}
.project-theme-approach a {color:#ffffff;}
.projects-body a:focus-visible {outline:2px solid #500000;outline-offset:3px;}
@media(max-width:750px) {.projects-body {padding:3rem 2rem;}.project-theme-grid {grid-template-columns:1fr;}.project-theme {padding:2.2rem;}.projects-intro h2 {font-size:3rem;}.project-theme h2 {font-size:2.4rem;}}