
body.home {
	--preview-red: #c70606;
	--preview-wine: #4a0000;
	--preview-hero-red: #b00000;
	--preview-soft-red: #d23838;
	--preview-light-red: #f9e6e6;
	--preview-ink: #2d141a;
}

body.home #header-main {
	background: #fff;
	border-bottom: 1px solid rgba(45, 20, 26, .12);
}

body.home #header-main .container {
	padding-inline: clamp(1.25rem, 4vw, 4rem);
}

body.home #header-main .custom-logo {
	display: block;
	width: clamp(9rem, 16vw, 13rem);
	height: auto;
}

body.home #primary, body.home .entry-content {
	padding: 0;
}

body.home .entry-content > * {
	margin-block: 0;
}

body.home .entry-content .wp-block-button__link {
	padding: .9rem 1.6rem;
	font-weight: 700;
}

body.home .cb-preview-inner {
	width: min(100% - 2.5rem, 74rem);
	margin-inline: auto;
}

body.home .cb-preview-hero {
	position: relative;
	overflow: hidden;
	min-height: clamp(35rem, 72vh, 48rem);
	padding-block: clamp(4rem, 8vw, 7rem);
	color: #fff;
	background: radial-gradient(circle at 90% 10%, rgba(199, 6, 6, .5) 0 9rem, transparent 9.1rem), linear-gradient(59deg, var(--preview-wine) 9.25%, var(--preview-hero-red) 118.02%);
}

body.home .cb-preview-hero::after {
	position: absolute;
	right: -8rem;
	bottom: -12rem;
	width: 28rem;
	height: 28rem;
	border: 5rem solid rgba(255, 255, 255, .08);
	border-radius: 50%;
	content: "";
}

body.home .cb-preview-hero .cb-preview-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
	gap: clamp(2.5rem, 6vw, 6rem);
	align-items: center;
}

body.home .cb-preview-hero .cb-preview-eyebrow {
	margin-bottom: 1.25rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.home .cb-preview-hero h1 {
	max-width: 48rem;
	margin-bottom: 1.5rem;
	font-size: clamp(3rem, 6vw, 6.5rem);
	line-height: .98;
}

body.home .cb-preview-hero .cb-preview-lead {
	max-width: 42rem;
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	line-height: 1.45;
}

body.home .cb-preview-hero .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 2.25rem;
}

body.home .cb-preview-hero .wp-block-button__link {
	color: var(--preview-red);
	background: #fff;
}

body.home .cb-preview-hero .is-style-outline .wp-block-button__link {
	color: #fff;
	background: transparent;
	border: 2px solid #fff;
}

body.home .cb-preview-hero .cb-preview-hero-image {
	position: relative;
	margin: 0;
}

body.home .cb-preview-hero .cb-preview-hero-image img {
	display: block;
	width: 100%;
	aspect-ratio: 4/5;
	object-fit: cover;
	border: .75rem solid rgba(255, 255, 255, .18);
	border-radius: 50% 50% 1.25rem 1.25rem;
}

body.home .cb-preview-stats {
	padding-block: 1.5rem;
	color: #fff;
	background: var(--preview-ink);
}

body.home .cb-preview-stats .cb-preview-inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin-block: 0;
	text-align: center;
}

body.home .cb-preview-stats strong {
	display: block;
	font-size: 1.35rem;
}

body.home .cb-preview-section {
	padding-block: clamp(4.5rem, 9vw, 8rem);
}

body.home .cb-preview-section .cb-preview-kicker {
	margin-bottom: .75rem;
	color: var(--preview-red);
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

body.home .cb-preview-section .cb-preview-section-title {
	max-width: 52rem;
	margin-bottom: 1rem;
	font-size: clamp(2.25rem, 4vw, 4rem);
	line-height: 1.1;
}

body.home .cb-preview-section .cb-preview-section-intro {
	max-width: 46rem;
	font-size: 1.2rem;
}

body.home .cb-preview-feature-grid, body.home .cb-preview-portfolio-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	margin-top: 3rem;
}

body.home .cb-preview-card {
	padding: clamp(1.75rem, 3vw, 2.75rem);
	background: var(--preview-light-red);
	border-radius: 1rem;
	box-shadow: 0 1.25rem 3rem rgba(45, 20, 26, .08);
}

body.home .cb-preview-card .cb-preview-card-number {
	display: inline-grid;
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: 2rem;
	color: #fff;
	background: var(--preview-red);
	border-radius: 50%;
	place-items: center;
}

body.home .cb-preview-split {
	background: var(--preview-light-red);
}

body.home .cb-preview-split .cb-preview-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(3rem, 8vw, 7rem);
	align-items: center;
}

body.home .cb-preview-split .cb-preview-scale-panel {
	padding: clamp(2rem, 5vw, 4rem);
	color: #fff;
	background: linear-gradient(59deg, var(--preview-wine) 9.25%, var(--preview-hero-red) 118.02%);
	border-radius: 1.5rem;
	box-shadow: 1.5rem 1.5rem 0 var(--preview-soft-red);
}

body.home .cb-preview-split li {
	margin-bottom: .85rem;
}

body.home .cb-preview-toolkit {
	color: #fff;
	background: var(--preview-ink);
}

body.home .cb-preview-toolkit .cb-preview-kicker {
	color: var(--preview-light-red);
}

body.home .cb-preview-toolkit .cb-preview-tool-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-top: 3rem;
}

body.home .cb-preview-toolkit .cb-preview-tool {
	padding: 1.5rem;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: .75rem;
}

body.home .cb-preview-portfolio-card {
	display: flex;
	min-height: 18rem;
	padding: 2rem;
	color: #fff;
	background: linear-gradient(59deg, var(--preview-wine) 9.25%, var(--preview-hero-red) 118.02%);
	border-radius: 1rem;
	flex-direction: column;
	justify-content: flex-end;
}

body.home .cb-preview-portfolio-card:nth-child(2) {
	background: linear-gradient(145deg, var(--preview-soft-red), var(--preview-red));
}

body.home .cb-preview-portfolio-card:nth-child(3) {
	background: linear-gradient(145deg, var(--preview-ink), var(--preview-wine));
}

body.home .cb-preview-portfolio-card a {
	color: inherit;
	text-decoration: none;
}

body.home .cb-preview-products {
	background: var(--preview-light-red);
}

body.home .cb-preview-products .woocommerce {
	margin-top: 3rem;
}

body.home .cb-preview-cta {
	padding-block: clamp(5rem, 10vw, 9rem);
	color: #fff;
	text-align: center;
	background: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .16) 0 8rem, transparent 8.1rem), linear-gradient(59deg, var(--preview-wine) 9.25%, var(--preview-hero-red) 118.02%);
}

body.home .cb-preview-cta h2 {
	max-width: 52rem;
	margin-inline: auto;
	font-size: clamp(2.5rem, 5vw, 5rem);
	line-height: 1.05;
}

body.home .cb-preview-cta p {
	max-width: 40rem;
	margin: 1.5rem auto 2rem;
	font-size: 1.25rem;
}

body.home .cb-preview-cta .wp-block-buttons {
	display: flex;
	justify-content: center;
}

body.home #prefooter {
	padding-block: 3rem;
}

body.home .prefooter-inner, body.home .colophon-inner {
	padding-inline: clamp(1.25rem, 4vw, 4rem);
}

@media (max-width: 64rem) {
	body.home .cb-preview-hero .cb-preview-inner, body.home .cb-preview-split .cb-preview-inner {
		grid-template-columns: 1fr;
	}
	
	body.home .cb-preview-hero .cb-preview-hero-image {
		max-width: 24rem;
		margin-inline: auto;
	}
	
	body.home .cb-preview-feature-grid, body.home .cb-preview-portfolio-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	body.home .cb-preview-toolkit .cb-preview-tool-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 40rem) {
	body.home #header-main .custom-logo {
		width: 9rem;
	}
	
	body.home .cb-preview-hero {
		min-height: 0;
		text-align: center;
	}
	
	body.home .cb-preview-hero h1 {
		font-size: clamp(2.75rem, 14vw, 4.5rem);
	}
	
	body.home .cb-preview-hero .wp-block-buttons {
		justify-content: center;
	}
	
	body.home .cb-preview-stats .cb-preview-inner, body.home .cb-preview-feature-grid, body.home .cb-preview-portfolio-grid, body.home .cb-preview-toolkit .cb-preview-tool-grid {
		grid-template-columns: 1fr;
	}
	
	body.home .cb-preview-stats .cb-preview-inner {
		gap: 1.5rem;
	}
}
