/* ============================================================
   Homepage — styles for templates/page-home.php.
   Sections top to bottom: hero, vision band, featured grids,
   life-outdoors band, topic banners, postcards GIF.
   (Subscribe band styles live in subscribe.css — shared partial.)
   ============================================================ */

/* Full-bleed helper — same breakout pattern as the other pages. */
.home-hero,
.home-vision,
.home-life,
.home-topics,
.home-postcards {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* ── Hero ───────────────────────────────────────────────── */
.home-hero {
	background-image: url('https://modestsportsman.com/wp-content/uploads/2026/05/MS_Halftone_Hero-scaled.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #2f3327;
	padding: 130px 24px 60px;
	min-height: 640px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-hero__postcard {
	display: block;
	height: 440px;
	width: auto;
	max-width: 100%;
}

/* ── Our Vision band ────────────────────────────────────── */
.home-vision {
	background: #3E3329;
	padding: 60px 0 60px;
	color: #D5C284;
}
.home-vision__inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
}
.home-vision__label {
	font-family: 'JetBrains Mono', monospace;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #D5C284;
	margin: 0 0 26px 0;
}
.home-vision__head {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.35;
	text-transform: uppercase;
	color: #D5C284;
	margin: 0 0 40px 0;
}
.home-vision__head .u { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.home-vision__head em { font-style: italic; }
.home-vision__cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 44px;
	text-align: left;
}
.home-vision__cols p {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.6;
	color: #D5C284;
	margin: 0;
}

/* ── Featured grids (guides + articles) ─────────────────── */
.home-featured {
	padding: 56px 0 20px;
}
.home-featured__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}
.home-featured__kicker {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 18px;
	color: #1a1a18;
	margin: 0 0 6px 0;
}
.home-featured__head {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 600;
	font-size: 32px;
	text-transform: uppercase;
	color: #1a1a18;
	margin: 0 0 18px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #c8c4bc;
}
.home-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 26px;
	padding-top: 12px;
}
/* Card design (.pcard*) now lives in post-card.css — shared global card. */

/* ── A Life Outdoors band ───────────────────────────────── */
.home-life {
	background: #F2EDE7;
	padding: 70px 0;
	margin-top: 48px;
	margin-bottom: 28px;
	border-top: 2px solid #3E3329;
	border-bottom: 2px solid #3E3329;
}
.home-life__inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
	align-items: center;
}
.home-life__photo img {
	display: block;
	width: 100%;
	height: auto;
}
.home-life__head {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.15;
	text-transform: uppercase;
	color: #1d1a08;
	margin: 0 0 26px 0;
}
.home-life__copy p {
	font-family: 'Young Serif', Georgia, serif;
	font-size: 20px;
	line-height: 1.6;
	color: #2a2417;
	margin: 0 0 20px 0;
}
.home-life__copy p:last-child { margin-bottom: 0; }
.home-life__copy .u { text-decoration: underline; text-underline-offset: 4px; }

/* ── Topic banners ──────────────────────────────────────── */
.home-topics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	padding: 40px 24px 31px;
	max-width: 1440px;
}
.home-topic {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 380px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #1d1f1a;
	text-decoration: none;
	overflow: hidden;
}
.home-topic::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(10, 12, 8, 0.25);
	transition: background 0.2s;
}
.home-topic:hover::before { background: rgba(10, 12, 8, 0.05); }
.home-topic__label {
	position: relative;
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 600;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #DBA909;
	text-shadow: 0 2px 14px rgba(0,0,0,0.55);
}

/* ── Postcards GIF over B&W lake ────────────────────────── */
.home-postcards {
	background-image: url('https://modestsportsman.com/wp-content/uploads/2025/08/BW_Lake_Mountain.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #3a3f38;
	padding: 64px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-postcards__gif {
	display: block;
	width: 100%;
	max-width: 672px;
	height: auto;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 1000px) {
	.home-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
	.home-vision__cols { grid-template-columns: 1fr; gap: 22px; }
	.home-vision__head { font-size: 24px; }
	.home-life__inner { grid-template-columns: 1fr; gap: 40px; }
	.home-topics { grid-template-columns: 1fr; }
	.home-topic { min-height: 240px; }
}
@media (max-width: 560px) {
	.home-grid { grid-template-columns: 1fr; }
	.home-hero { padding: 90px 16px 40px; min-height: 480px; }
	.home-hero__postcard { height: auto; width: 100%; max-width: 340px; }
	.home-featured__head,
	.home-life__head { font-size: 26px; }
}