/**
 * WIU2G home page.
 * Uses the shared design-system variables so future color changes remain global.
 */

body.home #section-442-26301 {
	background:
		radial-gradient(circle at 86% 18%, rgba(201, 154, 46, .13), transparent 30%),
		linear-gradient(135deg, #fff 0%, var(--wiu2g-color-canvas) 100%) !important;
	border-bottom: 1px solid var(--wiu2g-color-border);
}

body.home #section-442-26301 > .ct-section-inner-wrap {
	max-width: var(--wiu2g-content-width);
	padding: 54px 28px 68px !important;
}

body.home #headline-443-26301 {
	display: inline-flex;
	align-items: center;
	width: auto;
	margin: 0 0 28px !important;
	padding: 9px 15px;
	border: 1px solid rgba(185, 71, 46, .18);
	border-radius: 999px;
	background: var(--wiu2g-color-brand-soft);
	color: var(--wiu2g-color-brand-hover) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: .045em;
	text-transform: uppercase;
}

body.home #new_columns-444-26301 {
	display: grid !important;
	grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
	gap: clamp(42px, 7vw, 88px);
	align-items: center;
	width: 100% !important;
}

body.home #div_block-445-26301 {
	width: 100% !important;
	max-width: 590px;
	padding: 0 !important;
}

body.home #headline-446-26301 {
	margin: 0 !important;
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: clamp(44px, 5.2vw, 72px) !important;
	font-weight: 800 !important;
	line-height: .98 !important;
	letter-spacing: -.045em;
}

body.home #text_block-448-26301 {
	order: 2;
	max-width: 540px;
	margin: 27px 0 0 !important;
	color: var(--wiu2g-color-muted) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 20px !important;
	line-height: 1.55 !important;
}

body.home #link_button-447-26301 {
	order: 3;
	margin: 30px 0 0 !important;
	padding: 16px 25px !important;
	border: 0 !important;
	border-radius: var(--wiu2g-radius-sm) !important;
	background: var(--wiu2g-color-brand) !important;
	box-shadow: 0 9px 22px rgba(185, 71, 46, .2);
	color: var(--wiu2g-color-white) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: .025em;
	text-transform: uppercase;
}

body.home #link_button-447-26301:hover,
body.home #link_button-447-26301:focus-visible {
	background: var(--wiu2g-color-brand-hover) !important;
	transform: translateY(-2px);
}

body.home #div_block-449-26301 {
	position: relative;
	width: 100% !important;
	padding: 14px !important;
	border: 1px solid var(--wiu2g-color-border);
	border-radius: var(--wiu2g-radius-lg);
	background: var(--wiu2g-color-surface);
	box-shadow: var(--wiu2g-shadow-md);
}

body.home #image-450-26301 {
	display: block;
	width: 100% !important;
	height: clamp(360px, 40vw, 520px) !important;
	border-radius: calc(var(--wiu2g-radius-lg) - 6px);
	object-fit: cover;
}

/* Shop by Category */
body.home #section-452-26301 {
	background: var(--wiu2g-color-surface) !important;
}

body.home #section-452-26301 > .ct-section-inner-wrap {
	max-width: var(--wiu2g-content-width);
	padding: 78px 28px 82px !important;
}

body.home #headline-453-26301 {
	margin: 0 !important;
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: clamp(36px, 4.2vw, 54px) !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	letter-spacing: -.035em;
}

body.home #text_block-454-26301 {
	margin: 13px 0 38px !important;
	color: var(--wiu2g-color-muted) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 18px !important;
	line-height: 1.5 !important;
}

body.home #new_columns-455-26301,
body.home #new_columns-474-26301,
body.home #new_columns-493-26301 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	width: 100% !important;
	margin: 0 0 24px !important;
}

body.home #section-452-26301 .wiu2g-cat,
body.home #div_block-487-26301 {
	position: relative;
	display: flex !important;
	flex-direction: column;
	width: 100% !important;
	min-width: 0;
	height: 100%;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid var(--wiu2g-color-border);
	border-radius: var(--wiu2g-radius-md);
	background: var(--wiu2g-color-surface);
	box-shadow: var(--wiu2g-shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body.home #section-452-26301 .wiu2g-cat:hover,
body.home #div_block-487-26301:hover {
	transform: translateY(-4px);
	border-color: rgba(185, 71, 46, .35);
	box-shadow: var(--wiu2g-shadow-md);
}

body.home #section-452-26301 .wiu2g-cat > .ct-link:first-child,
body.home #div_block-487-26301 > .ct-link:first-child {
	display: block;
	width: 100% !important;
}

body.home #section-452-26301 .wiu2g-cat > .ct-div-block,
body.home #div_block-487-26301 > .ct-div-block {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start !important;
	width: 100% !important;
	padding: 0 22px 22px !important;
}

body.home #section-452-26301 .wiu2g-cat img,
body.home #div_block-487-26301 img {
	display: block;
	width: 100% !important;
	height: 255px !important;
	margin: 0 0 20px !important;
	object-fit: cover;
}

body.home #section-452-26301 .wiu2g-cat .ct-headline,
body.home #div_block-487-26301 .ct-headline {
	margin: 0 !important;
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 23px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -.02em;
}

body.home #section-452-26301 .wiu2g-cat .ct-link-button,
body.home #div_block-487-26301 .ct-link-button {
	margin: auto 0 0 !important;
	padding: 18px 0 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--wiu2g-color-brand) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
}

body.home #section-452-26301 .wiu2g-cat .ct-link-button::after,
body.home #div_block-487-26301 .ct-link-button::after {
	content: " →";
}

body.home #link_button-512-26301 {
	align-self: center;
	margin: 18px auto 0 !important;
	padding: 15px 24px !important;
	border: 1px solid var(--wiu2g-color-brand) !important;
	border-radius: var(--wiu2g-radius-sm) !important;
	background: transparent !important;
	color: var(--wiu2g-color-brand) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-transform: uppercase;
}

body.home #link_button-512-26301:hover,
body.home #link_button-512-26301:focus-visible {
	background: var(--wiu2g-color-brand) !important;
	color: var(--wiu2g-color-white) !important;
}

/* Featured Products */
body.home #section-513-26301 {
	background: var(--wiu2g-color-canvas) !important;
}

body.home #section-513-26301 > .ct-section-inner-wrap {
	max-width: var(--wiu2g-content-width);
	padding: 78px 28px 82px !important;
}

body.home #headline-514-26301 {
	margin: 0 !important;
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: clamp(36px, 4.2vw, 54px) !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	letter-spacing: -.035em;
}

body.home #text_block-515-26301 {
	margin: 13px 0 38px !important;
	color: var(--wiu2g-color-muted) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 18px !important;
	line-height: 1.5 !important;
}

body.home #new_columns-516-26301,
body.home #new_columns-535-26301 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	width: 100% !important;
	margin: 0 0 24px !important;
}

body.home #new_columns-516-26301 > .ct-div-block,
body.home #new_columns-535-26301 > .ct-div-block {
	display: flex !important;
	flex-direction: column;
	width: 100% !important;
	min-width: 0;
	height: 100%;
	padding: 0 0 22px !important;
	overflow: hidden;
	border: 1px solid var(--wiu2g-color-border);
	border-radius: var(--wiu2g-radius-md);
	background: var(--wiu2g-color-surface);
	box-shadow: var(--wiu2g-shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body.home #new_columns-516-26301 > .ct-div-block:hover,
body.home #new_columns-535-26301 > .ct-div-block:hover {
	transform: translateY(-4px);
	border-color: rgba(185, 71, 46, .35);
	box-shadow: var(--wiu2g-shadow-md);
}

body.home #new_columns-516-26301 > .ct-div-block > .ct-link,
body.home #new_columns-535-26301 > .ct-div-block > .ct-link {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start !important;
	width: 100% !important;
	color: inherit;
	text-decoration: none;
}

body.home #new_columns-516-26301 img,
body.home #new_columns-535-26301 img {
	display: block;
	width: 100% !important;
	height: 255px !important;
	margin: 0 0 20px !important;
	object-fit: cover;
}

body.home #new_columns-516-26301 .ct-headline,
body.home #new_columns-535-26301 .ct-headline {
	min-height: 54px;
	margin: 0 !important;
	padding: 0 22px !important;
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: -.018em;
}

body.home #new_columns-516-26301 .ct-text-block,
body.home #new_columns-535-26301 .ct-text-block {
	margin: 17px 0 0 !important;
	padding: 0 22px !important;
	color: var(--wiu2g-color-brand) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

body.home #new_columns-516-26301 > .ct-div-block > .ct-link-button,
body.home #new_columns-535-26301 > .ct-div-block > .ct-link-button {
	align-self: flex-start;
	margin: 20px 22px 0 !important;
	padding: 12px 18px !important;
	border: 0 !important;
	border-radius: var(--wiu2g-radius-sm) !important;
	background: var(--wiu2g-color-brand) !important;
	color: var(--wiu2g-color-white) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: .035em;
	text-transform: uppercase;
}

body.home #new_columns-516-26301 > .ct-div-block > .ct-link-button:hover,
body.home #new_columns-535-26301 > .ct-div-block > .ct-link-button:hover {
	background: var(--wiu2g-color-brand-hover) !important;
}

/* Company introduction */
body.home #div_block-554-26301 {
	position: relative;
	width: 100% !important;
	max-width: 980px;
	margin: 66px auto 0 !important;
	padding: clamp(38px, 6vw, 70px) !important;
	overflow: hidden;
	border: 1px solid var(--wiu2g-color-border);
	border-radius: var(--wiu2g-radius-lg);
	background: var(--wiu2g-color-surface);
	box-shadow: var(--wiu2g-shadow-md);
}

body.home #div_block-554-26301::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 7px;
	background: linear-gradient(90deg, var(--wiu2g-color-brand), var(--wiu2g-color-accent));
}

body.home #headline-555-26301 {
	max-width: 790px;
	margin: 0 auto !important;
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: clamp(34px, 4vw, 50px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -.035em;
	text-align: center;
}

body.home #text_block-556-26301,
body.home #text_block-558-26301 {
	width: 100% !important;
	max-width: 780px;
	margin-right: auto !important;
	margin-left: auto !important;
	color: var(--wiu2g-color-muted) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 18px !important;
	line-height: 1.72 !important;
	text-align: left;
}

body.home #text_block-556-26301 {
	margin-top: 25px !important;
}

body.home #headline-557-26301 {
	width: 100%;
	max-width: 780px;
	margin: 42px auto 0 !important;
	padding-top: 36px;
	border-top: 1px solid var(--wiu2g-color-border);
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: clamp(26px, 3vw, 34px) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -.025em;
	text-align: left;
}

body.home #text_block-558-26301 {
	margin-top: 18px !important;
}

body.home #headline-559-26301 {
	max-width: 710px;
	margin: 48px auto 0 !important;
	color: var(--wiu2g-color-heading) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: clamp(25px, 3vw, 34px) !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	letter-spacing: -.025em;
	text-align: center;
}

body.home #link_button-560-26301 {
	align-self: center;
	margin: 26px auto 0 !important;
	padding: 16px 25px !important;
	border: 0 !important;
	border-radius: var(--wiu2g-radius-sm) !important;
	background: var(--wiu2g-color-brand) !important;
	box-shadow: 0 9px 22px rgba(185, 71, 46, .2);
	color: var(--wiu2g-color-white) !important;
	font-family: var(--wiu2g-font-body) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: .035em;
	text-transform: uppercase;
}

body.home #link_button-560-26301:hover,
body.home #link_button-560-26301:focus-visible {
	background: var(--wiu2g-color-brand-hover) !important;
	transform: translateY(-2px);
}

@media (max-width: 900px) {
	body.home #section-442-26301 > .ct-section-inner-wrap {
		padding: 38px 50px 54px !important;
	}

	body.home #new_columns-444-26301 {
		grid-template-columns: minmax(0, 1fr);
		gap: 38px;
	}

	body.home #div_block-445-26301 {
		max-width: 680px;
	}

	body.home #headline-446-26301 {
		font-size: clamp(40px, 8vw, 62px) !important;
	}

	body.home #image-450-26301 {
		height: min(62vw, 480px) !important;
	}

	body.home #section-452-26301 > .ct-section-inner-wrap {
		padding: 62px 50px 66px !important;
	}

	body.home #new_columns-455-26301,
	body.home #new_columns-474-26301,
	body.home #new_columns-493-26301,
	body.home #new_columns-516-26301,
	body.home #new_columns-535-26301 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.home #section-513-26301 > .ct-section-inner-wrap {
		padding: 62px 50px 66px !important;
	}

	body.home #div_block-554-26301 {
		margin-top: 50px !important;
	}
}

@media (max-width: 620px) {
	body.home #section-442-26301 > .ct-section-inner-wrap {
		padding: 32px 24px 44px !important;
	}

	body.home #headline-443-26301 {
		margin-bottom: 22px !important;
		font-size: 12px !important;
	}

	body.home #headline-446-26301 {
		font-size: clamp(38px, 12vw, 50px) !important;
		line-height: 1.02 !important;
	}

	body.home #text_block-448-26301 {
		font-size: 18px !important;
	}

	body.home #link_button-447-26301 {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	body.home #image-450-26301 {
		height: 76vw !important;
		max-height: 410px;
	}

	body.home #section-452-26301 > .ct-section-inner-wrap {
		padding: 50px 24px 54px !important;
	}

	body.home #text_block-454-26301 {
		margin-bottom: 28px !important;
		font-size: 17px !important;
	}

	body.home #new_columns-455-26301,
	body.home #new_columns-474-26301,
	body.home #new_columns-493-26301,
	body.home #new_columns-516-26301,
	body.home #new_columns-535-26301 {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
		margin-bottom: 18px !important;
	}

	body.home #section-452-26301 .wiu2g-cat img,
	body.home #div_block-487-26301 img {
		height: min(68vw, 330px) !important;
	}

	body.home #section-513-26301 > .ct-section-inner-wrap {
		padding: 50px 24px 54px !important;
	}

	body.home #text_block-515-26301 {
		margin-bottom: 28px !important;
		font-size: 17px !important;
	}

	body.home #new_columns-516-26301 img,
	body.home #new_columns-535-26301 img {
		height: min(68vw, 330px) !important;
	}

	body.home #new_columns-516-26301 .ct-headline,
	body.home #new_columns-535-26301 .ct-headline {
		min-height: 0;
	}

	body.home #div_block-554-26301 {
		margin-top: 42px !important;
		padding: 38px 24px !important;
	}

	body.home #text_block-556-26301,
	body.home #text_block-558-26301 {
		font-size: 17px !important;
		line-height: 1.65 !important;
	}

	body.home #headline-557-26301 {
		margin-top: 34px !important;
		padding-top: 30px;
	}

	body.home #link_button-560-26301 {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}
