@import  "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";
@import  "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* ----- Check links ----- */
/* Checks for empty links & only shows when you are logged into the website */
.logged-in a:not([href]) {
	outline: 8px solid rebeccapurple !important;
}

/* Checks for links that open in a new tab */
body.logged-in a[target=_blank] {
	color: #000000;
	background-color: yellow;
	border: 5px #000000 solid;
	padding: 8px;
}

body.logged-in a[target=_blank]:after {
	content: "Edit the link to toggle off Open in a new tab.";
	color: black;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for pound sign/hashtag for a link */
.logged-in a[href="#"] {
	background-color: rebeccapurple;
}

/* ----- END Check links ----- */
/* Check for urldefense links */
.logged-in a[href*="urldefense.com"],
.logged-in a[href*="nam12.safelinks.protection.outlook.com"] {
	background-color: rebeccapurple;
}

/* --- Page Width Settings --- */
.byline, .post-author, .entry-footer .author {
	display: none !important;
}

@media (min-width: 1024px) {
	.wsu-wrapper-content {
		max-width: 85% !important;
	/* 你可以把 1400px 改成你想要的数值，比如 1600px，或者 100% */
		width: 100% !important;
	}
}

/* ==========================================================================
   CAIRE Research Lab Homepage
   ========================================================================== */
/* 1. 全局与重置 */
.homepage-wrapper {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #191c1d;
	line-height: 1.6;
	box-sizing: border-box;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-top: -80px;
	margin-bottom: -100px;
}

.homepage-wrapper * {
	box-sizing: inherit;
}

.homepage-wrapper img {
	max-width: 100%;
	height: auto;
	display: block;
}

.homepage-wrapper h2, 
.homepage-wrapper h3, 
.homepage-wrapper h4 {
	color: #191c1d;
	font-weight: 700;
	margin-top: 0;
}

.homepage-wrapper a {
	text-decoration: none;
}

.homepage-wrapper p {
	margin-top: 0;
}

/* 2. 布局工具类 */
.homepage-section {
	padding: 5rem 2rem;
	background: #f8f9fa;
}

.homepage-bg-alt {
	background: #f3f4f5;
}

.homepage-container {
	max-width: 1400px;
	margin: 0 auto;
}

.homepage-label {
	font-size: .875rem;
	font-weight: 700;
	color: #981e32;
	letter-spacing: .2em;
	text-transform: uppercase;
	margin-bottom: 1rem;
	display: block;
}

.homepage-title {
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 2rem;
}

.homepage-title span {
	color: #981e32;
}

/* Scroll Status */
.reveal {
	opacity: 0;
	transform: translateY(40px);
	transition: all .8s ease-out;
	visibility: hidden;
}

.reveal.active {
	opacity: 1 !important;
	transform: translateY(0) !important;
	visibility: visible !important;
}

/* 3. Hero 模块*/
.homepage-hero {
	position: relative;
	min-height: 85vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background-color: #191c1d;
}

.homepage-hero-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.homepage-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homepage-hero-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
/* 增强左侧遮罩浓度，确保大字在大屏幕上依然清晰 */
	background: linear-gradient(to right,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.4) 60%,transparent 100%);
}

.homepage-hero-content {
	position: relative;
	z-index: 10;
	max-width: 1600px;
	margin: 0;
	padding-left: 12%;
	padding-right: 2rem;
	width: 100%;
}

.homepage-hero-text-wrapper {
	max-width: 1100px;
/* 稍微放宽一点点 */
	text-align: left;
}

/* 第一层顶眉：字体加大到 1.35rem */
.homepage-hero-eyebrow {
	font-size: 1.35rem;
	color: #d9dadb;
	text-transform: uppercase;
	letter-spacing: .15em;
/* 稍微增加字间距，更有质感 */
	margin-bottom: 1.2rem;
	font-weight: 600;
}

/* 第二层主标题：CAIRE Research Lab */
.homepage-hero-title {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: clamp(3.5rem,9vw,6rem);
/* 基础大小从3rem提升到3.5rem */
	font-weight: 800;
	color: #ffffff;
	line-height: 1.05;
	margin-bottom: 1.8rem;
}

/* 第三层描述：字体加大到 1.5rem */
.homepage-hero-description {
	font-size: 1.5rem;
	color: #f8f9fa;
	font-weight: 300;
	max-width: 850px;
/* 配合大字，放宽行宽 */
	margin-bottom: 3rem;
	line-height: 1.5;
}

.homepage-hero-actions {
	display: flex;
	flex-wrap: wrap;
/* 使用 gap 代替 margin-right 更整齐 */
}

/* 按钮通用：字体加大到 1.15rem */
.homepage-btn-primary, .homepage-btn-secondary {
	font-size: 1.15rem;
	padding: 1.1rem 2.8rem;
/* 稍微加厚一点按钮，撑起大字 */
}

.homepage-btn-primary {
	display: inline-block;
	background-color: #981e32;
	color: #ffffff;
	border: none;
	border-radius: 99px;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease;
	box-shadow: 0 10px 20px rgba(152,30,50,0.2);
}

.homepage-btn-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(152,30,50,0.4);
	background-color: #7a1828;
	color: #ffffff;
}

.homepage-btn-secondary {
	display: inline-block;
	background-color: rgba(255,255,255,0.15);
	color: #ffffff;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 99px;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease;
}

.homepage-btn-secondary:hover {
	background-color: rgba(255,255,255,0.25);
	color: #ffffff;
	transform: translateY(-3px);
}

/* 4. About CAIRE 模块 */
.homepage-top-logo-container {
	text-align: center;
	margin-bottom: 2rem;
}

.homepage-top-logo {
	max-width: 180px !important;
/* 【核心修改】大幅缩小最大宽度，并强制生效 */
	width: 100%;
/* 保证在极小屏幕上也能正常缩放 */
	height: auto;
	object-fit: contain;
}

/* 左右分栏布局修复 */
.homepage-about-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.homepage-about-left {
	flex: 1 1 500px;
	padding-right: 3rem;
/* 给右边卡片留出呼吸空间 */
	margin-bottom: 2rem;
/* 响应式：手机端换行时的间距 */
}

/* 左侧文字样式提取 */
.homepage-desc {
	font-size: 1.125rem;
	color: #5f5e5e;
	margin-bottom: 1.5rem;
	line-height: 1.6;
}

.homepage-about-right {
	flex: 1 1 400px;
	display: flex;
	flex-direction: column;
}

/* 右侧卡片分离修复 */
.homepage-feature-card {
	background: #fff;
	padding: 2rem;
	border-radius: .75rem;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	border-left: 4px solid #981e32;
	margin-bottom: 1.5rem;
/* 强行隔开紧挨着的三个卡片 */
}

/* 最后一个卡片底部不需要多余的间距 */
.homepage-feature-card:last-child {
	margin-bottom: 0;
}

.homepage-feature-card h3 {
	font-size: 1.25rem;
	margin-bottom: .5rem;
	color: #191c1d;
}

.homepage-feature-card p {
	color: #5f5e5e;
	margin-bottom: 0;
	font-size: .95rem;
	line-height: 1.5;
}

/* 4. Latest News 模块 */
.homepage-news-layout {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	grid-gap: 1.5rem;
/* 新增：控制左右两大块之间的间距 */
}

@media(max-width: 992px) {
	.homepage-news-layout {
		grid-template-columns: 1fr;
	}
}

.homepage-news-large {
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	min-height: 450px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.homepage-news-large img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	transition: transform .5s ease;
}

.homepage-news-large:hover img {
	transform: scale(1.05);
}

.homepage-news-overlay {
	position: absolute;
	background: linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.4) 60%,transparent 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 2.5rem;
	z-index: 2;
}

.homepage-news-overlay h3 {
	color: #fff;
	font-size: 1.75rem;
	margin-bottom: 1rem;
}

.homepage-news-overlay p {
	color: #d9dadb;
	margin-bottom: 1.5rem;
	font-size: .95rem;
}

.homepage-tag {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	background: #981e32;
	color: #fff;
	padding: .35rem 1rem;
	border-radius: 99px;
	font-size: .75rem;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 10;
}

.homepage-news-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1.5rem;
}

@media(max-width: 600px) {
	.homepage-news-grid {
		grid-template-columns: 1fr;
	}
}

.homepage-news-small {
	background: #fff;
	border-radius: .75rem;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: box-shadow 0.3s, transform .3s;
}

.homepage-news-small:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.12);
	transform: translateY(-5px);
}

.homepage-img-wrapper {
	position: relative;
	height: 160px;
	overflow: hidden;
}

.homepage-news-small img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s;
}

.homepage-news-small:hover img {
	transform: scale(1.1);
}

.homepage-news-small-content {
	padding: 1.5rem;
}

.homepage-date {
	font-size: .75rem;
	color: #5f5e5e;
	margin-bottom: .5rem;
	display: block;
	font-weight: bold;
}

.homepage-news-small h4 {
	font-size: 1rem;
	margin-bottom: .5rem;
	line-height: 1.4;
	color: #191c1d;
}

.homepage-news-small p {
	font-size: .85rem;
	color: #5f5e5e;
	margin-bottom: 1rem;
}

.homepage-link {
	color: #981e32;
	font-weight: bold;
	font-size: .875rem;
	display: inline-flex;
	align-items: center;
	transition: gap .2s;
}

.homepage-link:hover {
}

/* 5. Projects 模块 */
.homepage-stats {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto 4rem;
	padding: 2.5rem 0;
	border-top: 1px solid #e1e3e4;
	border-bottom: 1px solid #e1e3e4;
	max-width: 1000px;
}

.homepage-stat-item {
	text-align: center;
}

.homepage-stat-num {
	font-size: 2.5rem;
	font-weight: 800;
	color: #981e32;
	margin-bottom: .25rem;
}

.homepage-stat-label {
	font-size: .875rem;
	color: #5f5e5e;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: bold;
}

.homepage-projects-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	grid-gap: 1.5rem;
}

.homepage-project-card {
	background: #fff;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
	border: 1px solid #e1e3e4;
	transition: transform .3s;
	display: flex;
	flex-direction: column;
}

.homepage-project-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

.homepage-project-img {
	height: 220px;
	overflow: hidden;
}

.homepage-project-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s;
}

.homepage-project-card:hover img {
	transform: scale(1.05);
}

.homepage-project-content {
	padding: 2rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.homepage-project-content h3 {
	font-size: 1.25rem;
	margin-bottom: 1rem;
	transition: color .3s;
}

.homepage-project-card:hover h3 {
	color: #981e32;
}

.homepage-project-content p {
	color: #5f5e5e;
	font-size: .9rem;
	margin-bottom: 2rem;
	line-height: 1.6;
	flex-grow: 1;
}

.homepage-btn {
	display: block;
	text-align: center;
	padding: .8rem 1rem;
	border: 2px solid #981e32;
	color: #981e32;
	border-radius: 99px;
	font-weight: bold;
	transition: all .3s;
}

.homepage-btn:hover {
	background: #981e32;
	color: #fff;
}

/* --- Partners Section --- */
/* 1. 确保整个部分具有背景，标志能清晰显示 */
.homepage-partners {
	background-color: #f5f5f5;
	padding: 4rem 0;
	overflow: hidden;
}

/* 标题样式 */
.homepage-partners-title {
	text-align: center;
	margin-bottom: 3rem;
	color: #191c1d;
	font-weight: bold;
}

/* 2. 轮播包装器，创建无限流动的视窗 */
.homepage-marquee-wrapper {
	overflow: hidden;
	width: 100%;
}

/* 3. 轮播内容容器，执行动画的主体 */
.homepage-marquee-content {
	display: flex;
	width: calc(240px * 12 + 60px * 11);
	animation: homepage-partners-scroll 18s linear infinite;
}

/* 4. 个标志样式，修复“太小”和“彩色显示”问题 */
.homepage-partner-logo {
	flex: 0 0 auto;
	width: 240px;
	height: 140px;
	margin-right: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	border-radius: .5rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	padding: 1.5rem;
}

/* 【关键修复】这部分必须独立出来，你之前不小心把 img { 删掉了 */
.homepage-partner-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* 响应式调整：调整小屏幕上的间距和标志大小 */
@media(max-width: 992px) {
	.homepage-partner-logo {
		width: 180px;
		margin-right: 40px;
	}
	
	.homepage-marquee-content {
		width: calc(180px * 12 + 40px * 11);
	}
}

/* 6. 核心动画定义，修复断裂和连接问题 */
@keyframes homepage-partners-scroll {
	0% {
		transform: translateX(0);
	}
	
	100% {
		transform: translateX(calc(-1 * (240px * 6 + 60px * 6)));
	}
}

/* END --- HOME PAGE SPONSOR CAROUSEL --- */
/* =============================================================
   CAIRE — About Page
   Only about-page-specific styles. Global reset, body, nav,
   footer, and font imports live in the site-wide stylesheet.
   ============================================================= */
/* =============================================================
   FULL-WIDTH WRAPPER
   This is the key fix: it breaks out of the WSU content container.
   ============================================================= */
.about-page-wrapper {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: -110px;
	box-sizing: border-box;
	overflow-x: hidden;
}

.about-page-wrapper * {
	box-sizing: inherit;
}

/* Optional: remove unexpected default margins inside this page */
.about-page-wrapper p,
.about-page-wrapper h2,
.about-page-wrapper h3,
.about-page-wrapper figure,
.about-page-wrapper blockquote {
	margin-top: 0;
}

/* =============================================================
   INTRO — two-column: pull quote + body text
   ============================================================= */
.about-intro {
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #ffffff;
}

.about-intro__grid {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	grid-gap: 88px;
	align-items: start;
}

/* sticky pull-quote column */
.about-intro__quote-col {
	position: sticky;
	top: 104px;
}

.about-pull-quote {
	position: relative;
	padding: 36px 0 36px 32px;
	border-left: 4px solid #981E32;
}

/* large decorative opening quotation mark */
.about-pull-quote::before {
	content: '\201C';
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 180px;
	color: #981E32;
	opacity: .09;
	position: absolute;
	top: -48px;
	left: -8px;
	line-height: 1;
	pointer-events: none;
}

.about-pull-quote__text {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(19px,2vw,25px);
	font-style: italic;
	line-height: 1.65;
	color: #1A1A1A;
	position: relative;
	z-index: 1;
}

.about-pull-quote__source {
	display: block;
	margin-top: 22px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #981E32;
}

/* body-text column */
.about-intro__body-col .about-section-label {
	margin-bottom: 20px;
}

.about-intro__body-col h2 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(26px,2.8vw,36px);
	font-weight: 700;
	line-height: 1.25;
	color: #1A1A1A;
	margin-bottom: 28px;
}

.about-intro__body-col p {
	font-size: 16.5px;
	color: #3f3f3f;
	line-height: 1.9;
	font-weight: 400;
}

.about-intro__body-col p + p {
	margin-top: 20px;
}

/* shared section-label style about pages only */
.about-section-label {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #981E32;
	display: flex;
	align-items: center;
	grid-gap: 14px;
}

.about-section-label::after {
	content: '';
	flex: 0 0 36px;
	height: 1px;
	background-color: #981E32;
	opacity: .45;
}

/* =============================================================
   PILLARS — three strategic directions
   ============================================================= */
.about-pillars {
	background-color: #F4F5F6;
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
}

.about-pillars__header {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 64px;
}

.about-pillars__header .about-section-label {
	justify-content: center;
}

/* remove the trailing line when centered */
.about-pillars__header .about-section-label::after {
	display: none;
}

.about-pillars__header h2 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(28px,3vw,42px);
	font-weight: 700;
	color: #1A1A1A;
}

.about-pillars__grid {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 24px;
}

.about-pillar-card {
	background-color: #ffffff;
	border-radius: 2px;
	padding: 48px 38px;
	position: relative;
	box-shadow: 0 2px 18px rgba(0,0,0,0.056);
	overflow: hidden;
	transition: transform .32s ease, box-shadow .32s ease;
}

/* crimson top bar, animates in on hover */
.about-pillar-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg,#981E32,#C4354A);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s ease;
}

.about-pillar-card:hover::before {
	transform: scaleX(1);
}

.about-pillar-card:hover {
	transform: translateY(-9px);
	box-shadow: 0 20px 54px rgba(0,0,0,0.11);
}

/* large ghost number, decorative */
.about-pillar-card__number {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 90px;
	font-weight: 900;
	color: #981E32;
	opacity: .055;
	position: absolute;
	top: 10px;
	right: 22px;
	line-height: 1;
	pointer-events: none;
}

.about-pillar-card__icon {
	width: 54px;
	height: 54px;
	background-color: rgba(152,30,50,0.08);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	transition: background-color .3s ease;
}

.about-pillar-card:hover .about-pillar-card__icon {
	background-color: rgba(152,30,50,0.14);
}

.about-pillar-card__icon svg {
	width: 26px;
	height: 26px;
	color: #981E32;
}

.about-pillar-card h3 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 21px;
	font-weight: 700;
	color: #1A1A1A;
	margin-bottom: 16px;
	line-height: 1.3;
}

.about-pillar-card p {
	font-size: 16px;
	color: #3f3f3f;
	line-height: 1.9;
	font-weight: 400;
}

/* =============================================================
   RESEARCH AREAS — dark section
   ============================================================= */
.about-research {
	background: linear-gradient(155deg,#1C2536 0%,#0F1523 100%);
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	overflow: hidden;
}

/* dot-grid texture on dark bg */
.about-research::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: radial-gradient(circle,rgba(152,30,50,0.14) 1px,transparent 1px);
	background-size: 46px 46px;
	pointer-events: none;
}

/* ambient glow, bottom-left */
.about-research::after {
	content: '';
	position: absolute;
	left: -240px;
	bottom: -240px;
	width: 640px;
	height: 640px;
	border-radius: 50%;
	background: radial-gradient(circle,rgba(152,30,50,0.18) 0%,transparent 70%);
	pointer-events: none;
}

.about-research__inner {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

.about-research__header {
	display: grid;
	grid-template-columns: 1fr 1.7fr;
	grid-gap: 80px;
	align-items: end;
	margin-bottom: 68px;
}

/* override section-label colours for dark bg */
.about-research__header .about-section-label {
	color: #C4354A;
}

.about-research__header .about-section-label::after {
	background-color: #C4354A;
}

.about-research__header h2 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(32px,4vw,52px);
	font-weight: 700;
	color: #ffffff;
	line-height: 1.12;
}

.about-research__intro {
	font-size: 17px;
	color: rgba(255,255,255,0.78);
	line-height: 1.85;
	font-weight: 400;
}

.about-research__cards {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 2px;
	background-color: rgba(255,255,255,0.04);
}

.about-research-card {
	background-color: rgba(20,28,45,0.86);
	border: 1px solid rgba(255,255,255,0.12);
	padding: 56px 42px;
	position: relative;
	overflow: hidden;
	transition: background-color .3s ease, border-color .3s ease, transform .3s ease;
}

.about-research-card:hover {
	background-color: rgba(152,30,50,0.13);
	border-color: rgba(152,30,50,0.35);
}

.about-research-card__number {
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .14em;
	color: #ff4f68;
	margin-bottom: 24px;
}

.about-research-card h3 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.38;
	margin-bottom: 18px;
}

.about-research-card p {
	font-size: 15.5px;
	color: rgba(255,255,255,0.74);
	line-height: 1.85;
	font-weight: 400;
}

/* crimson accent bar, slides in on hover */
.about-research-card__accent {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg,#981E32,transparent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s ease;
}

.about-research-card:hover .about-research-card__accent {
	transform: scaleX(1);
}

/* =============================================================
   RESPONSIVE
   ============================================================= */
@media (max-width: 992px) {
	.about-intro__grid,
											.about-research__header {
		grid-template-columns: 1fr;
		grid-gap: 48px;
	}
	
	.about-intro__quote-col {
		position: relative;
		top: auto;
	}
	
	.about-pillars__grid,
											.about-research__cards {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.about-intro,
											.about-pillars,
											.about-research {
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 72px;
		padding-bottom: 72px;
	}
	
	.about-pillar-card,
											.about-research-card {
		padding: 38px 28px;
	}
}

/* =========================================
   Event - Grid card
   ========================================= */
/* 1. Main container: Handles the 3-column grid layout */
.events-grid-container {
	display: grid;
	grid-template-columns: 1fr;
/* Default to 1 column for mobile responsiveness */
/* Spacing between event cards */
	margin-bottom: 40px;
}

/* Switch to 3 columns on larger screens (desktop/tablet) */
@media (min-width: 1024px) {
	.events-grid-container {
		grid-template-columns: repeat(3,1fr);
	}
}

/* 2. Individual Event Card: Handles the "Date on left, text on right" flex layout */
.event-card {
	display: flex;
/* Spacing between the date box and the text content */
	align-items: flex-start;
/* Align items to the top */
}

/* 3. Left Date Box: Prevents the box from shrinking */
.event-date-box {
	flex-shrink: 0;
	width: 140px;
/* Fixed width matching the inline styles */
}

/* 4. Right Text Area: Automatically fills the remaining space */
.event-text-box {
	flex-grow: 1;
}

/* Typography adjustments for the right text area */
.event-text-box h3 {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

/* Link styling inside the title */
.event-text-box h3 a {
	color: #262626;
/* Default text color */
	text-decoration: none;
	transition: color .2s ease;
}

.event-text-box h3 a:hover {
	color: #7D1728;
/* WSU Crimson color on hover */
	text-decoration: underline;
}

.event-text-box p {
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.5;
	color: #4a4a4a;
}

/* =========================================
   Resource - Featured work
   ========================================= */
.featured-work-section {
	padding: 5rem 1.5rem;
	background-color: #ffffff;
}

.featured-work-container {
/* 【修改】从 1000px 放宽到 1300px，利用两边空白，不那么居中 */
	max-width: 1300px;
	margin: 0 auto;
}

.featured-work-section-title {
/* 【修改】标题字号加大 */
	font-size: 2.75rem;
	font-weight: 800;
	color: #191c1d;
	margin-bottom: 3.5rem;
	text-align: left;
}

.featured-work-card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
/* 【删除 gap】，使用传统 margin 代替 */
	margin-bottom: 3.5rem;
	padding-bottom: 3.5rem;
	border-bottom: 1px solid #e1e3e4;
}

.featured-work-card:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* --- 完美复刻的图片卡片效果 --- */
.featured-work-image-col {
	position: relative;
/* 【修改】稍微拉宽图片区 */
	flex: 0 0 320px;
/* 【核心兼容修改】使用 margin-right 替代 gap: 4rem */
	margin-right: 4rem;
/* 以下为卡片边框和阴影特效 */
	background-color: #ffffff;
	border-radius: 12px;
	border: 1px solid #e1e3e4;
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
/* 柔和的高级阴影 */
	padding: 1.5rem;
/* 让图片和边框之间有留白 */
	display: flex;
	align-items: center;
	justify-content: center;
}

.featured-work-image-col img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	border-radius: 4px;
}

/* 学术角标复刻 */
.featured-work-badge {
	position: absolute;
	top: -1px;
/* 完美贴合卡片顶部 */
	left: -1px;
/* 完美贴合卡片左侧 */
	background-color: #0033a0;
	color: #ffffff;
/* 【修改】角标字号加大 */
	font-size: .9rem;
	font-weight: 700;
	padding: 6px 16px;
/* 左上角圆角与外层卡片一致，右下角小圆角 */
	border-top-left-radius: 12px;
	border-bottom-right-radius: 8px;
	z-index: 2;
	text-transform: uppercase;
}

/* --- 文字内容区字号全面升级 --- */
.featured-work-content-col {
	flex: 1;
}

.featured-work-title {
/* 【修改】1.25rem -> 1.65rem */
	font-size: 1.65rem;
	font-weight: 700;
	color: #191c1d;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 1rem;
}

.featured-work-authors {
/* 【修改】1rem -> 1.15rem */
	font-size: 1.15rem;
	color: #333333;
	margin-bottom: .5rem;
}

.featured-work-meta {
/* 【修改】0.9rem -> 1.1rem */
	font-size: 1.1rem;
	color: #5f5e5e;
	margin-bottom: 1.5rem;
}

.featured-work-abstract {
/* 【修改】0.95rem -> 1.15rem */
	font-size: 1.15rem;
	color: #555555;
	line-height: 1.7;
	margin-bottom: 2rem;
}

/* 操作按钮 */
.featured-work-actions {
	display: flex;
	flex-wrap: wrap;
/* 允许按钮换行 */
/* 【删除 gap】，使用子元素的 margin 代替 */
}

.featured-work-btn {
	display: inline-block;
/* 【修改】按钮尺寸和字号加大，换成你截图中的紫蓝色色调 */
	padding: 8px 24px;
	font-size: 1rem;
	font-weight: 700;
	color: #ffffff;
	background-color: #5e2b97;
/* 紫色背景 */
	border: none;
	border-radius: 6px;
	text-decoration: none;
	transition: all .2s ease;
	box-shadow: 0 4px 10px rgba(94,43,151,0.3);
/* 【核心兼容修改】按钮之间的间距 */
	margin-right: 1rem;
	margin-bottom: 1rem;
}

/* 去掉最后一个按钮多余的右边距 */
.featured-work-btn:last-child {
	margin-right: 0;
}

.featured-work-btn:hover {
	background-color: #482075;
	transform: translateY(-2px);
}

/* 响应式调整 */
@media (max-width: 992px) {
	.featured-work-card {
		flex-direction: column;
	/* 【删除 gap】 */
	}
	
	.featured-work-image-col {
		flex: 0 0 auto;
		width: 100%;
		max-width: 400px;
	/* 【核心兼容修改】手机端取消右间距，改为下方间距 2rem */
		margin-right: 0;
		margin-bottom: 2rem;
	}
}

/* --- Load More 按钮与隐藏控制 --- */
/* 强制隐藏带有此类的卡片 */
.hidden-paper {
	display: none !important;
}

/* 按钮的居中容器，留出上下呼吸空间 */
.load-more-container {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 5rem;
/* 给 Track 2 留出足够的缓冲空间 */
	width: 100%;
}

/* Load More 按钮样式 (极简学术风) */
.load-more-btn {
	background-color: transparent;
	color: #191c1d;
	border: 2px solid #191c1d;
	padding: 12px 36px;
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 99px;
	cursor: pointer;
	transition: all .3s ease;
	font-family: inherit;
}

.load-more-btn:hover {
	background-color: #191c1d;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* =========================================
    Conference Flyer
========================================= */
/* =========================================
   1. 基础容器与重置
========================================= */
.flyer-container-flyer-1 {
	max-width: 800px;
	margin: 2rem auto;
	background-color: #ffffff;
	box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
	border-radius: .5rem;
	overflow: hidden;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #374151;
}

.flyer-container-flyer-1 * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* =========================================
   2. 核心区块 (Header, Card, Footer)
========================================= */
.header-banner-flyer-1 {
	background-color: #981e32;
/* 默认 Crimson */
	color: #ffffff;
	text-align: center;
	padding: 2.5rem 1.5rem;
/* 基础间距 */
	position: relative;
}

/* 专项背景类：专门负责西雅图背景图和高度撑开 */
.bg-2026-narst-header-flyer {
	background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('https://wpcdn.web.wsu.edu/wp-labs/uploads/sites/3565/2026/04/bfc3ff62996c52068cc381ddf6641849.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
/* 使用 !important 强制覆盖基础类的 padding，展示更多图片细节 */
	padding: 4rem .5rem !important;
}

/* 标题样式重置：强力消除系统自带的各种线条干扰 */
.header-banner-flyer-1 h1 {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	margin-bottom: .5rem !important;
}

/* 彻底封杀伪元素画出来的线条 */
.header-banner-flyer-1 h1::after,
.header-banner-flyer-1 h1::before {
	display: none !important;
	content: none !important;
}

/* 其他卡片和页脚样式保持不变... */
/* 卡片样式 - 已添加左侧红色边框 */
.session-card-flyer-1 {
	background-color: #ffffff;
	border: 1px solid #f3f4f6;
	border-radius: .5rem;
/* 【核心修改】：在内容卡片左侧添加 crimson 边框 */
	border-left: 5px solid #981e32;
	transition: transform .2s ease, box-shadow .2s ease;
}

.session-card-flyer-1:hover {
	transform: translateX(4px);
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}

.footer-banner-flyer-1 {
	background-color: #ffffff;
	border-top: 4px solid #981e32;
	padding: 2rem 1.5rem;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
/* 【核心修改】：让浏览器自动智能分配剩余空间，而不是死板的 gap */
	align-items: center;
/* 缩小保底间距，防止爆框 */
	flex-wrap: nowrap !important;
/* 绝对禁止换行 */
	width: 100%;
}

.logo-box-flyer-1 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
/* 【核心修改】：允许在极端情况下进行微调收缩，防止硬碰硬 */
}

.logo-box-flyer-1 img {
	max-width: 100% !important;
	width: auto !important;
	object-fit: contain;
	margin: 0 !important;
}

/* 第1个：CAIRE */
.logo-box-flyer-1:nth-child(1) img {
	height: 120px !important;
/* 【微调参数】：负数往上移，正数往下移。你可以改这个 -5px 试试 */
	transform: translateY(0 px) !important;
}

/* 第2个：WSU (通常作为基准，可以不动) */
.logo-box-flyer-1:nth-child(2) img {
	height: 45px !important;
	transform: translateY(-5px) !important;
}

/* 第3个：NARST */
.logo-box-flyer-1:nth-child(3) img {
	height: 50px !important;
/* 【微调参数】：比如往下移 8px 跟 WSU 的文字对齐 */
	transform: translateY(0px) !important;
}

/* =========================================
   3. 布局与间距工具类
========================================= */
.flex-flyer-1 {
	display: flex;
}

.items-center-flyer-1 {
	align-items: center;
}

.justify-between-flyer-1 {
	justify-content: space-between;
}

.mb-2-flyer-1 {
	margin-bottom: .5rem;
}

.mb-3-flyer-1 {
	margin-bottom: .75rem;
}

.mb-4-flyer-1 {
	margin-bottom: 1rem;
}

.mb-5-flyer-1 {
	margin-bottom: 1.25rem;
}

.mb-6-flyer-1 {
	margin-bottom: 1.5rem;
}

.mb-10-flyer-1 {
	margin-bottom: 2.5rem;
}

.mr-3-flyer-1 {
	margin-right: .75rem;
}

.ml-2-flyer-2 {
	margin-left: .5rem;
}

.p-6-flyer-1 {
	padding: 1.5rem;
}

.px-3-flyer-1 {
	padding-left: .75rem;
	padding-right: .75rem;
}

.py-1-flyer-1 {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

.pb-2-flyer-1 {
	padding-bottom: .5rem;
}

.pt-3-flyer-1 {
	padding-top: .75rem;
}

/* 列表工具 */
.list-disc-flyer-1 {
	list-style-type: disc;
}

.pl-5-flyer-1 {
	padding-left: 1.25rem;
}

.space-y-4-flyer-1 > * + * {
	margin-top: 1.25rem;
}

/* =========================================
   4. 字体排印工具类
========================================= */
.text-xs-flyer-1 {
	font-size: .75rem;
	line-height: 1rem;
}

.text-sm-flyer-1 {
	font-size: .875rem;
	line-height: 1.25rem;
}

.text-md-flyer-1 {
	font-size: 1rem;
	line-height: 1.5rem;
}

.text-lg-flyer-1 {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.text-2xl-flyer-1 {
	font-size: 1.5rem;
	line-height: 2rem;
}

.text-4xl-flyer-1 {
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.font-medium-flyer-1 {
	font-weight: 500;
}

.font-bold-flyer-1 {
	font-weight: 700;
}

.font-extrabold-flyer-1 {
	font-weight: 800;
}

.italic-flyer-1 {
	font-style: italic;
}

.tracking-tight-flyer-1 {
	letter-spacing: -.025em;
}

.leading-snug-flyer-1 {
	line-height: 1.375;
}

.opacity-90-flyer-1 {
	opacity: .9;
}

/* 颜色 */
.text-white-flyer-1 {
	color: #ffffff;
}

.text-gray-500-flyer-1 {
	color: #6b7280;
}

.text-gray-600-flyer-1 {
	color: #4b5563;
}

.text-gray-700-flyer-1 {
	color: #374151;
}

.text-gray-800-flyer-1 {
	color: #1f2937;
}

.text-gray-900-flyer-1 {
	color: #111827;
}

.bg-white-flyer-1 {
	background-color: #ffffff;
}

.bg-gray-800-flyer-1 {
	background-color: #1f2937;
}

.border-b-flyer-1 {
	border-bottom: 1px solid #e5e7eb;
}

.border-t-flyer-1 {
	border-top: 1px solid #f3f4f6;
}

/* =========================================
   5. 响应式规则 (桌面端放大)
========================================= */
@media (min-width: 768px) {
	.md\:px-10-flyer-1 {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	
	.md\:pt-8-flyer-1 {
		padding-top: 2rem;
	}
	
	.md\:pb-8-flyer-1 {
		padding-bottom: 2rem;
	}
	
	.md\:text-5xl-flyer-1 {
		font-size: 3rem;
		line-height: 1;
	}
	
	.md\:text-lg-flyer-1 {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
}