main.main_b_page {
	--main_brand_primary: #a88445;
	--main_surface_chip: rgba(168, 132, 69, 0.1);
	--main_ink_soft: #716653;
	--main_b_butter: #fff4d8;
	--main_b_butter_fade: rgba(255, 244, 216, 0);
	--main_b_honey: #f2d99d;
	--main_b_cream: #fffaf0;
	--main_b_cream_fade: rgba(255, 253, 248, 0);
	--admin-cta-bg: #fff4d8;
}

main.main_b_page {
	background: linear-gradient(180deg, #fffdf8 0%, var(--main_b_cream) 46%, #fffdf8 100%);
}

main.main_b_page .main_hero_dimmed {
	background:
		linear-gradient(90deg, rgba(28, 21, 15, 0.24) 0%, rgba(28, 21, 15, 0.14) 36%, rgba(28, 21, 15, 0.08) 66%, rgba(28, 21, 15, 0.14) 100%),
		linear-gradient(to top, rgba(29, 22, 16, 0.18), rgba(29, 22, 16, 0.08) 48%, rgba(29, 22, 16, 0.12));
}

main.main_b_page .main_hero_image {
	transform: scale(1.04);
	transform-origin: 54% 48%;
	animation: main_b_hero_image_drift 18s ease-in-out infinite alternate;
	will-change: transform;
}

main.main_b_page .main_hero_section_story .main_hero_content {
	align-items: flex-start;
	justify-content: center;
	width: min(100%, 1180px);
	padding: 96px 24px 88px;
	text-align: left;
}

main.main_b_page .main_hero_story_panel {
	position: relative;
	width: auto;
	max-width: 680px;
	padding-left: 24px;
	border-left: 1px solid rgba(255, 255, 255, 0.22);
	text-align: left;
	box-sizing: border-box;
}

main.main_b_page .main_hero_story_panel::before {
	display: none;
}

main.main_b_page .main_hero_section_story .main_hero_eyebrow {
	max-width: 100%;
	margin-left: 0;
}

main.main_b_page .main_hero_section_story .main_hero_title {
	max-width: 8.4ch;
	margin-left: 0;
	margin-right: 0;
}

main.main_b_page .main_hero_section_story .main_hero_desc {
	max-width: 430px;
	margin-left: 0;
	margin-right: 0;
	color: rgba(255, 255, 255, 0.94);
	font-weight: 400;
	text-shadow:
		0 2px 8px rgba(42, 34, 26, 0.22),
		0 0 18px rgba(42, 34, 26, 0.14);
}

main.main_b_page .main_hero_section_story .main_hero_actions {
	justify-content: flex-start;
}

main.main_b_page .main_hero_section_story .main_hero_actions .main_hero_primary_btn {
	box-shadow: 0 16px 34px rgba(20, 16, 13, 0.22);
}

main.main_b_page .main_hero_section_story .main_hero_actions .main_hero_primary_btn:hover {
	filter: brightness(1.04);
	box-shadow: 0 18px 38px rgba(20, 16, 13, 0.26);
}

main.main_b_page .main_hero_section_story .main_hero_actions .main_hero_secondary_btn {
	border-color: rgba(255, 255, 255, 0.58);
	background: rgba(255, 255, 255, 0.78);
	color: #1f1c1b;
	box-shadow: 0 12px 28px rgba(20, 16, 13, 0.12);
	backdrop-filter: blur(6px);
}

main.main_b_page .main_hero_section_story .main_hero_actions .main_hero_secondary_btn:hover {
	background: rgba(255, 255, 255, 0.88);
	color: #111;
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(20, 16, 13, 0.16);
}

main.main_b_page .main_letter_section {
	padding-bottom: clamp(72px, 8vw, 112px);
}

main.main_b_page .main_letter_visual {
	padding-bottom: 28px;
}

@keyframes main_b_hero_image_drift {
	0% {
		transform: scale(1.04) translate3d(-0.8%, 0.4%, 0);
	}

	100% {
		transform: scale(1.1) translate3d(0.8%, -0.6%, 0);
	}
}

main.main_b_page .main_review_rolling_section {
	--main-review-rolling-surface: var(--main_b_butter);
	--main-review-rolling-top-band: clamp(168px, 14vw, 232px);
	--main-review-rolling-bottom-band: clamp(132px, 12vw, 188px);
	background: var(--main-review-rolling-surface);
}

main.main_b_page .main_review_rolling_section::before {
	background: linear-gradient(
		180deg,
		#fffdf8 0%,
		rgba(255, 253, 248, 0.98) 16%,
		var(--main_b_cream) 44%,
		rgba(255, 248, 232, 0.92) 68%,
		var(--main-review-rolling-surface) 100%
	);
}

main.main_b_page .main_review_rolling_section::after {
	background: linear-gradient(
		180deg,
		var(--main-review-rolling-surface) 0%,
		rgba(255, 248, 232, 0.92) 32%,
		var(--main_b_cream) 58%,
		#fffdf8 100%
	);
}

main.main_b_page .main_review_rolling_marquee::before,
main.main_b_page .main_review_rolling_section .main_review_live_marquee::before {
	background: linear-gradient(90deg, var(--main-review-rolling-surface) 0%, var(--main_b_butter_fade) 100%);
}

main.main_b_page .main_review_rolling_marquee::after,
main.main_b_page .main_review_rolling_section .main_review_live_marquee::after {
	background: linear-gradient(270deg, var(--main-review-rolling-surface) 0%, var(--main_b_butter_fade) 100%);
}

main.main_b_page .main_review_highlight_chip,
main.main_b_page .main_review_rolling_chip {
	background: rgba(168, 132, 69, 0.12);
	color: #9d7939;
}

main.main_b_page .main_stats_showcase_card {
	--main-stats-showcase-accent: #c69234;
}

main.main_b_page .main_review_roll_photo,
main.main_b_page .main_review_live_photo {
	background: linear-gradient(180deg, #f8ebc8 0%, var(--main_b_honey) 100%);
}

main.main_b_page .main_feature_story_media_share {
	max-width: 520px;
}

main.main_b_page .main_feature_share_stack {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: 18px;
}

main.main_b_page .main_event_feature {
	margin-top: 44px;
}

main.main_b_page .main_event_feature_card {
	display: grid;
	grid-template-columns: minmax(280px, 0.9fr) minmax(420px, 1.35fr);
	align-items: center;
	gap: clamp(28px, 4vw, 64px);
	padding: clamp(22px, 3.4vw, 46px);
	border: 1px solid var(--admin-border-color);
	border-radius: var(--admin-radius-lg);
	background: #fff;
	color: inherit;
	text-decoration: none;
	box-shadow: var(--admin-card-shadow);
	transition:
		transform 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease;
}

main.main_b_page .main_event_feature_card:hover {
	transform: translateY(-4px);
	border-color: rgba(168, 132, 69, 0.26);
	box-shadow: 0 20px 44px rgba(33, 26, 18, 0.1);
}

main.main_b_page .main_event_feature_copy {
	padding-left: clamp(4px, 1vw, 18px);
}

main.main_b_page .main_event_feature_copy strong {
	display: block;
	margin-top: 14px;
	color: #302a22;
	font-size: var(--font-3xl);
	font-weight: 400;
	line-height: 1.36;
	letter-spacing: -0.04em;
	word-break: keep-all;
}

main.main_b_page .main_event_feature_copy p {
	max-width: 400px;
	margin-top: 14px;
	color: #6f675a;
	font-size: var(--font-lg);
	font-weight: 400;
	line-height: 1.72;
	word-break: keep-all;
}

main.main_b_page .main_event_feature_link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin-top: 28px;
	padding: 0 22px;
	border-radius: 999px;
	background: #3f3830;
	color: #fff;
	font-size: var(--font-sm);
	font-weight: 500;
	letter-spacing: -0.02em;
}

main.main_b_page .main_event_feature_media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: calc(var(--admin-radius-lg) - 4px);
	background: #201912;
	box-shadow: 0 14px 28px rgba(33, 26, 18, 0.08);
}

main.main_b_page .main_event_feature_media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}

main.main_b_page .main_event_feature_card:hover .main_event_feature_media img {
	transform: scale(1.035);
}

@media (max-width: 1024px) {
	main.main_b_page .main_hero_section_story .main_hero_content {
		padding: clamp(96px, 10vh, 124px) 20px 90px;
	}

	main.main_b_page .main_event_feature_card {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	main.main_b_page .main_event_feature_copy {
		order: 2;
		padding-left: 0;
	}

	main.main_b_page .main_event_feature_media {
		order: 1;
	}
}

	@media (max-width: 767px) {
		main.main_b_page .main_hero_section_story .main_hero_content {
			justify-content: center;
			padding: 92px 20px 90px;
			text-align: left;
		}

		main.main_b_page .main_hero_section_story .main_hero_title {
			max-width: 8.1ch;
			margin-left: 0;
			margin-right: 0;
		}

	main.main_b_page .main_hero_story_panel {
		--main_hero_cta_width: min(100%, 232px);
		width: min(100%, 264px);
		max-width: 100%;
		padding-left: 16px;
		padding-right: 16px;
		border-left: 0;
		text-align: left;
	}

	main.main_b_page .main_hero_section_story .main_hero_desc {
		max-width: 232px;
		margin-left: 0;
		margin-right: 0;
	}

	main.main_b_page .main_hero_section_story .main_hero_actions {
		margin-left: 0;
		margin-right: 0;
	}

	main.main_b_page .main_hero_story_panel::before {
		display: none;
	}

	main.main_b_page .main_event_feature {
		margin-top: 30px;
	}

	main.main_b_page .main_event_feature_card {
		padding: 14px;
		border-radius: var(--admin-radius-md);
	}

	main.main_b_page .main_event_feature_media {
		border-radius: calc(var(--admin-radius-md) - 2px);
	}

	main.main_b_page .main_event_feature_copy {
		padding: 4px 4px 8px;
	}

	main.main_b_page .main_event_feature_copy strong {
		margin-top: 10px;
		font-size: var(--font-xxl);
	}

	main.main_b_page .main_event_feature_copy p {
		margin-top: 10px;
		font-size: var(--font-md);
		line-height: 1.65;
	}

	main.main_b_page .main_event_feature_link {
		width: 100%;
		min-height: 40px;
		margin-top: 20px;
		font-size: var(--font-sm);
	}

	main.main_b_page .main_feature_story_media_share {
		max-width: 100%;
	}

	main.main_b_page .main_feature_share_stack {
		gap: 10px;
	}
}
