/*
Theme Name: Veter Home
Theme URI: https://www.veter.cn/
Author: Codex
Description: A focused child theme for the www.veter.cn homepage.
Template: twentytwentyfive
Version: 1.0.0
Text Domain: veter-home
*/

:root {
	--vcn-ink: #17211f;
	--vcn-muted: #5d6965;
	--vcn-line: #d7dfd8;
	--vcn-paper: #fbfaf6;
	--vcn-soft: #edf4ef;
	--vcn-teal: #1d6f68;
	--vcn-green: #5d8f61;
	--vcn-amber: #c48235;
}

body {
	background: var(--vcn-paper);
	color: var(--vcn-ink);
}

.vcn-home {
	margin-top: 0;
}

.vcn-hero {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
	min-height: min(760px, calc(100vh - 96px));
	background: #12201d;
	color: #fff;
	overflow: hidden;
}

.vcn-hero__copy {
	align-self: center;
	padding: clamp(48px, 7vw, 108px) clamp(22px, 6vw, 96px);
	max-width: 720px;
}

.vcn-eyebrow {
	margin: 0 0 18px;
	color: #aad1bd;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0;
}

.vcn-hero h1 {
	margin: 0;
	font-size: clamp(2.6rem, 6.5vw, 5.7rem);
	line-height: 1.02;
	letter-spacing: 0;
}

.vcn-hero__lead {
	margin: 24px 0 0;
	max-width: 600px;
	color: #dce8e1;
	font-size: clamp(1.05rem, 1.5vw, 1.28rem);
	line-height: 1.75;
}

.vcn-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.vcn-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.vcn-button--primary {
	background: #f5f1e9;
	border-color: #f5f1e9;
	color: #16211f;
}

.vcn-hero__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin-top: 46px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.18);
}

.vcn-hero__meta span {
	display: block;
	padding: 16px;
	background: rgba(18, 32, 29, 0.72);
	color: #dbe8e1;
	font-size: 0.92rem;
	line-height: 1.45;
}

.vcn-hero__meta strong {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font-size: 1.18rem;
}

.vcn-hero__image {
	position: relative;
	min-height: 420px;
}

.vcn-hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.vcn-section {
	padding: clamp(56px, 7vw, 92px) clamp(20px, 5vw, 72px);
}

.vcn-section__inner {
	max-width: 1180px;
	margin: 0 auto;
}

.vcn-section__head {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.5fr);
	gap: 28px;
	align-items: end;
	margin-bottom: 28px;
}

.vcn-section h2 {
	margin: 0;
	font-size: clamp(1.9rem, 3vw, 3rem);
	line-height: 1.12;
	letter-spacing: 0;
}

.vcn-section__head p {
	margin: 0;
	color: var(--vcn-muted);
	line-height: 1.75;
}

.vcn-focus {
	background: #fff;
}

.vcn-focus__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.vcn-focus__item {
	border: 1px solid var(--vcn-line);
	border-radius: 8px;
	padding: 24px;
	background: #fbfdfb;
}

.vcn-focus__item b {
	display: block;
	margin-bottom: 12px;
	font-size: 1.2rem;
}

.vcn-focus__item p {
	margin: 0;
	color: var(--vcn-muted);
	line-height: 1.72;
}

.vcn-latest {
	background: var(--vcn-soft);
}

.vcn-latest .wp-block-query {
	max-width: 1180px;
	margin: 0 auto;
}

.vcn-latest .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.vcn-latest .wp-block-post {
	display: flex;
	min-height: 100%;
}

.vcn-post-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid var(--vcn-line);
	border-radius: 8px;
	background: #fff;
	padding: 22px;
}

.vcn-post-card .wp-block-post-date {
	color: var(--vcn-green);
	font-size: 0.88rem;
	font-weight: 700;
}

.vcn-post-card .wp-block-post-title {
	margin: 10px 0 12px;
	font-size: 1.3rem;
	line-height: 1.28;
}

.vcn-post-card .wp-block-post-title a {
	color: var(--vcn-ink);
	text-decoration: none;
}

.vcn-post-card .wp-block-post-excerpt {
	color: var(--vcn-muted);
	line-height: 1.72;
}

.vcn-post-card .wp-block-post-excerpt__more-link {
	color: var(--vcn-teal);
	font-weight: 700;
	text-decoration: none;
}

.vcn-note {
	border-top: 1px solid var(--vcn-line);
	background: #fff;
}

.vcn-note__box {
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.62fr) minmax(260px, 0.38fr);
	gap: 28px;
	align-items: center;
}

.vcn-note p {
	margin: 0;
	color: var(--vcn-muted);
	line-height: 1.78;
}

.vcn-note strong {
	color: var(--vcn-ink);
}

@media (max-width: 860px) {
	.vcn-hero,
	.vcn-section__head,
	.vcn-note__box {
		grid-template-columns: 1fr;
	}

	.vcn-hero {
		min-height: auto;
	}

	.vcn-hero__image {
		min-height: 300px;
		order: -1;
	}

	.vcn-hero__copy {
		padding: 34px 20px 46px;
	}

	.vcn-hero__meta,
	.vcn-focus__grid,
	.vcn-latest .wp-block-post-template {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.vcn-actions {
		flex-direction: column;
	}

	.vcn-button {
		width: 100%;
	}

	.vcn-section {
		padding-left: 18px;
		padding-right: 18px;
	}
}