/* About page: story block + feature grid, built on the shared design tokens. */

.about-story{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-bottom:56px}
.about-story .section-header{padding-top:0}
.about-story-text p{font-size:16px;line-height:1.9;color:var(--text-body);margin:0 0 16px}
.about-story-image{aspect-ratio:4/3;background:var(--surface-placeholder);overflow:hidden}
.about-story-image img{width:100%;height:100%;object-fit:cover;display:block}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-hairline);border-right:none;border-bottom:none;margin-bottom:56px}
.feature-card{border-right:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);padding:26px 22px;display:flex;flex-direction:column;gap:14px}
.feature-card:hover{background:var(--surface-section)}
.feature-card .titles .zh{font-size:17px;font-weight:700;color:var(--text-heading)}
.feature-card .titles p{font-size:15px;line-height:1.8;color:var(--text-body);margin:8px 0 0}

@media (max-width:860px){
	.about-story{grid-template-columns:1fr;gap:24px}
	.feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
	.feature-grid{grid-template-columns:1fr}
}