/* =========================================================
   KEN'S DISTRIBUTING — UPDATED ABOUT US PAGE
   ========================================================= */

.kendisco-about-page{
	--kendisco-about-width:1440px;
	--kendisco-about-navy:#0F172A;
	--kendisco-about-orange:#FF5F14;
	--kendisco-about-text:#334155;
	--kendisco-about-muted:#64748B;
	--kendisco-about-border:#E2E8F0;
	--kendisco-about-bg:#F8FAFC;
	width:100%;
	margin:0;
	padding:0;
	background:#FFFFFF;
	color:var(--kendisco-about-text);
	font-family:Arial,Helvetica,sans-serif;
}

.kendisco-about-page *,
.kendisco-about-page *::before,
.kendisco-about-page *::after{
	box-sizing:border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.kendisco-about-hero{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background:var(--kendisco-about-navy);
	color:#FFFFFF;
}

.kendisco-about-hero-inner{
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
	gap:54px;
	align-items:center;
	width:100%;
	max-width:var(--kendisco-about-width);
	min-height:520px;
	margin:0 auto;
	padding:58px 48px 48px;
}

.kendisco-about-hero-copy{
	width:100%;
	min-width:0;
	max-width:850px;
}

.kendisco-about-eyebrow{
	margin:0 0 12px!important;
	padding:0!important;
	color:var(--kendisco-about-orange)!important;
	font-size:14px!important;
	font-weight:700!important;
	line-height:1.3!important;
	letter-spacing:.08em!important;
	text-transform:uppercase;
}

.kendisco-about-title{
	margin:0!important;
	padding:0!important;
	color:#FFFFFF!important;
	font:700 44px/1.08 Arial,Helvetica,sans-serif!important;
	letter-spacing:-.02em!important;
}

.kendisco-about-title-line{
	width:110px;
	height:4px;
	margin:24px 0 27px;
	background:var(--kendisco-about-orange);
}

.kendisco-about-lead,
.kendisco-about-hero-text{
	margin:0!important;
	padding:0!important;
	color:#FFFFFF!important;
	font-family:Arial,Helvetica,sans-serif!important;
}

.kendisco-about-lead{
	font-size:16px!important;
	font-weight:500!important;
	line-height:1.72!important;
}

.kendisco-about-hero-text{
	margin-top:18px!important;
	font-size:14px!important;
	font-weight:400!important;
	line-height:1.7!important;
	color:#E2E8F0!important;
}

.kendisco-about-hero-image-wrap{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	justify-self:center;
	align-self:end;
	width:min(100%,500px);
	aspect-ratio:1/1;
	min-width:0;
}

.kendisco-about-hero-image{
	display:block;
	width:100%!important;
	height:100%!important;
	max-width:500px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	object-fit:contain;
	object-position:center bottom;
}


/* =========================================================
   SHARED SECTION
   ========================================================= */

.kendisco-about-section-inner{
	width:100%;
	max-width:var(--kendisco-about-width);
	margin:0 auto;
}

.kendisco-about-section-kicker{
	margin:0 0 9px!important;
	padding:0!important;
	color:var(--kendisco-about-orange)!important;
	font-size:13px!important;
	font-weight:700!important;
	line-height:1.3!important;
	letter-spacing:.06em!important;
	text-transform:uppercase;
}

.kendisco-about-section-title{
	margin:0!important;
	padding:0!important;
	color:var(--kendisco-about-navy)!important;
	font:700 30px/1.2 Arial,Helvetica,sans-serif!important;
	letter-spacing:-.01em!important;
}


/* =========================================================
   PRODUCTS / BRANDS
   ========================================================= */

.kendisco-about-products{
	width:100%;
	padding:70px 32px;
	background:#FFFFFF;
}

.kendisco-about-products-grid{
	display:grid;
	grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
	gap:56px;
	align-items:start;
}

.kendisco-about-products-copy p{
	margin:22px 0 0!important;
	padding:0!important;
	color:var(--kendisco-about-text)!important;
	font-size:15px!important;
	font-weight:400!important;
	line-height:1.72!important;
}

.kendisco-about-brands-panel{
	width:100%;
	padding:30px;
	background:var(--kendisco-about-bg);
	border:1px solid var(--kendisco-about-border);
	border-radius:8px;
}

.kendisco-about-brands-panel h2{
	margin:0 0 8px!important;
	padding:0!important;
	color:var(--kendisco-about-navy)!important;
	font-size:22px!important;
	font-weight:700!important;
	line-height:1.25!important;
}

.kendisco-about-brands-panel p{
	margin:0 0 20px!important;
	padding:0!important;
	color:var(--kendisco-about-muted)!important;
	font-size:14px!important;
	line-height:1.6!important;
}

.kendisco-about-brand-list{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px 12px;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}

.kendisco-about-brand-list li{
	position:relative;
	margin:0!important;
	padding:12px 14px 12px 34px!important;
	background:#FFFFFF;
	border:1px solid var(--kendisco-about-border);
	border-radius:5px;
	color:var(--kendisco-about-text)!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:1.3!important;
}

.kendisco-about-brand-list li::before{
	content:"";
	position:absolute;
	left:14px;
	top:50%;
	width:8px;
	height:8px;
	transform:translateY(-50%);
	background:var(--kendisco-about-orange);
	border-radius:50%;
}


/* =========================================================
   HELP / CONTACT
   ========================================================= */

.kendisco-about-help{
	width:100%;
	padding:70px 32px 78px;
	background:var(--kendisco-about-bg);
	border-top:1px solid var(--kendisco-about-border);
}

.kendisco-about-help-inner{
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
	gap:56px;
	align-items:center;
}

.kendisco-about-help-copy p{
	margin:20px 0 0!important;
	padding:0!important;
	color:var(--kendisco-about-text)!important;
	font-size:15px!important;
	font-weight:400!important;
	line-height:1.72!important;
}

.kendisco-about-contact-card{
	width:100%;
	padding:32px;
	background:var(--kendisco-about-navy);
	border-radius:8px;
	color:#FFFFFF;
}

.kendisco-about-contact-card h2{
	margin:0 0 12px!important;
	padding:0!important;
	color:#FFFFFF!important;
	font-size:22px!important;
	font-weight:700!important;
	line-height:1.3!important;
}

.kendisco-about-contact-card p{
	margin:0 0 22px!important;
	padding:0!important;
	color:#CBD5E1!important;
	font-size:14px!important;
	line-height:1.65!important;
}

.kendisco-about-call-button,
.kendisco-about-quote-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:48px;
	margin:0;
	padding:10px 18px;
	border-radius:5px;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:14px!important;
	font-weight:700!important;
	line-height:1.2!important;
	text-align:center;
	text-decoration:none!important;
	transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}

.kendisco-about-call-button,
.kendisco-about-call-button:link,
.kendisco-about-call-button:visited{
	gap:5px;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	color:var(--kendisco-about-navy)!important;
}

.kendisco-about-call-button:hover,
.kendisco-about-call-button:focus{
	background:#F8FAFC;
	border-color:#F8FAFC;
	color:var(--kendisco-about-navy)!important;
}

.kendisco-about-quote-button,
.kendisco-about-quote-button:link,
.kendisco-about-quote-button:visited{
	margin-top:10px;
	background:var(--kendisco-about-orange);
	border:1px solid var(--kendisco-about-orange);
	color:#FFFFFF!important;
}

.kendisco-about-quote-button:hover,
.kendisco-about-quote-button:focus{
	background:#E95310;
	border-color:#E95310;
	color:#FFFFFF!important;
}

.kendisco-about-call-button:focus-visible,
.kendisco-about-quote-button:focus-visible{
	outline:2px solid var(--kendisco-about-orange);
	outline-offset:3px;
}


/* =========================================================
   WIDESCREEN
   ========================================================= */

@media(min-width:1600px){

	.kendisco-about-page{
		--kendisco-about-width:1520px;
	}

	.kendisco-about-hero-inner{
		min-height:550px;
		padding-left:58px;
		padding-right:58px;
	}

	.kendisco-about-title{
		font-size:48px!important;
	}

}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media(max-width:1100px){

	.kendisco-about-hero-inner{
		grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
		gap:30px;
		padding:46px 28px 40px;
	}

	.kendisco-about-title{
		font-size:38px!important;
	}

	.kendisco-about-lead{
		font-size:15px!important;
	}

	.kendisco-about-products,
	.kendisco-about-help{
		padding-left:24px;
		padding-right:24px;
	}

	.kendisco-about-products-grid,
	.kendisco-about-help-inner{
		gap:32px;
	}

	.kendisco-about-section-title{
		font-size:27px!important;
	}

	.kendisco-about-brand-list li{
		font-size:13px!important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

	.kendisco-about-hero-inner{
		grid-template-columns:1fr;
		gap:28px;
		min-height:0;
		padding:36px 16px 0;
	}

	.kendisco-about-hero-copy{
		max-width:none;
	}

	.kendisco-about-eyebrow{
		text-align:center;
	}

	.kendisco-about-title{
		font-size:32px!important;
		line-height:1.12!important;
		text-align:center;
	}

	.kendisco-about-title-line{
		width:78px;
		height:3px;
		margin:17px auto 22px;
	}

	.kendisco-about-lead,
	.kendisco-about-hero-text{
		font-size:13px!important;
		line-height:1.65!important;
		text-align:left;
	}

	.kendisco-about-hero-image-wrap{
		width:min(100%,380px);
	}

	.kendisco-about-hero-image{
		max-width:380px!important;
	}

	.kendisco-about-products,
	.kendisco-about-help{
		padding:44px 16px 50px;
	}

	.kendisco-about-products-grid,
	.kendisco-about-help-inner{
		grid-template-columns:1fr;
		gap:28px;
	}

	.kendisco-about-section-kicker{
		text-align:center;
	}

	.kendisco-about-section-title{
		font-size:24px!important;
		text-align:center;
	}

	.kendisco-about-products-copy p,
	.kendisco-about-help-copy p{
		font-size:13px!important;
		line-height:1.65!important;
	}

	.kendisco-about-brands-panel,
	.kendisco-about-contact-card{
		padding:24px 18px;
	}

	.kendisco-about-brands-panel h2,
	.kendisco-about-contact-card h2{
		font-size:20px!important;
	}

	.kendisco-about-brand-list{
		grid-template-columns:1fr;
		gap:8px;
	}

	.kendisco-about-brand-list li{
		padding-top:10px!important;
		padding-bottom:10px!important;
		font-size:13px!important;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:420px){

	.kendisco-about-hero-inner{
		padding-left:14px;
		padding-right:14px;
	}

	.kendisco-about-title{
		font-size:29px!important;
	}

	.kendisco-about-products,
	.kendisco-about-help{
		padding-left:14px;
		padding-right:14px;
	}

	.kendisco-about-brands-panel,
	.kendisco-about-contact-card{
		padding-left:16px;
		padding-right:16px;
	}

}