/* ==========================================================================
   Lakeshore — About page sections (page 592). Loaded after site.css.
   Header, drawer, hours strip and footer come from site.css.
   ========================================================================== */

body.lk-page-about {
	/* intro video frame (PSD "Shape 5"): outer outline + inset media, bottom-right corner cut */
	--lk-frame-outer: polygon(0 0, 100% 0, 100% 67.2%, 74.1% 100%, 0 100%);
	--lk-frame-inner: polygon(0 0, 100% 0, 100% 66.9%, 73.9% 100%, 0 100%);
}

body.lk-page-about .elementor-element.elementor-element-8537a81 .elementor-heading-title,
body.lk-page-about .elementor-element.elementor-element-45a6f5f .elementor-heading-title,
body.lk-page-about .elementor-element.elementor-element-4a65a42 .elementor-heading-title,
body.lk-page-about .elementor-element.elementor-element-c4d24a4 .elementor-heading-title {
	letter-spacing: 0;
}

/* ---- banner -------------------------------------------------------------- */
body.lk-page-about .elementor-element.elementor-element-8537a81 .elementor-heading-title {
	font-family: var(--lk-display);
	font-weight: 400;
	color: #FFFFFF;
	text-transform: lowercase;
	letter-spacing: 0;
}
/* content is stored as "ABOUT US"; the design sets it as "About us" */
body.lk-page-about .elementor-element.elementor-element-8537a81 .elementor-heading-title::first-letter {
	text-transform: uppercase;
}

/* ---- intro: framed video ------------------------------------------------- */
body.lk-page-about .elementor-element.elementor-element-74f5caa {
	position: relative;
	overflow: visible;
	background: transparent !important;
}
body.lk-page-about .elementor-element.elementor-element-74f5caa::before,
body.lk-page-about .elementor-element.elementor-element-74f5caa::after {
	content: "";
	position: absolute;
	pointer-events: none;
}
/* 2px white outline = white shape with a terracotta shape 2px inside it */
body.lk-page-about .elementor-element.elementor-element-74f5caa::before {
	inset: 0;
	background: #FFFFFF;
	clip-path: var(--lk-frame-outer);
}
body.lk-page-about .elementor-element.elementor-element-74f5caa::after {
	inset: 2px;
	background: #AB7764;
	clip-path: var(--lk-frame-outer);
}
body.lk-page-about .elementor-element.elementor-element-74f5caa > .elementor-background-video-container {
	display: block !important;
	position: absolute;
	inset: 13px 15px 12px 14.5px;
	width: auto;
	height: auto;
	z-index: 1;
	overflow: hidden;
	clip-path: var(--lk-frame-inner);
	background: #1B2536 url("../../uploads/2026/09/Shape-8.png") center / cover no-repeat;
}
body.lk-page-about .elementor-element.elementor-element-74f5caa .lk-play {
	z-index: 2;
	/* centre of the inner media box, per PSD */
	left: calc(14.5px + (100% - 29.5px) * .492);
	top: calc(13px + (100% - 25px) * .487);
}

/* inline links (Margarita Factory, DOSALAS) read as plain copy in the design */
body.lk-page-about .elementor-element.elementor-element-c4654fa a,
body.lk-page-about .elementor-element.elementor-element-fcc9158 a {
	color: inherit;
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 0 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size .3s var(--lk-ease);
}
body.lk-page-about .elementor-element.elementor-element-c4654fa a:hover,
body.lk-page-about .elementor-element.elementor-element-fcc9158 a:hover {
	color: inherit;
	background-size: 100% 1px;
}

/* ---- the Castro family --------------------------------------------------- */
body.lk-page-about .elementor-element.elementor-element-457a71e {
	background-color: rgba(255, 255, 255, .89) !important;
}
body.lk-page-about .elementor-element.elementor-element-4a65a42 .elementor-heading-title {
	font-family: var(--lk-display);
	font-weight: 400;
	color: #182331;
	text-align: center;
}
body.lk-page-about .elementor-element.elementor-element-fcc9158,
body.lk-page-about .elementor-element.elementor-element-fcc9158 p {
	font-family: var(--lk-sans);
	color: #182331;
	text-align: center;
}

/* ---- join our family ----------------------------------------------------- */
body.lk-page-about .elementor-element.elementor-element-035feac .elementor-heading-title {
	font-family: var(--lk-sans);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #B16A6A;
}
body.lk-page-about .elementor-element.elementor-element-c4d24a4 .elementor-heading-title {
	font-family: var(--lk-display);
	font-weight: 400;
	color: #181818;
}
body.lk-page-about .elementor-element.elementor-element-e950b48,
body.lk-page-about .elementor-element.elementor-element-e950b48 p {
	font-family: var(--lk-sans);
	color: #181818;
}
body.lk-page-about .elementor-element.elementor-element-39d91f6 .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--lk-navy);
	color: #FFFFFF;
	font-family: var(--lk-sans);
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0;
}
body.lk-page-about .elementor-element.elementor-element-39d91f6 .elementor-button:hover {
	background: var(--lk-terra);
}

/* ==========================================================================
   Tablet + phone
   ========================================================================== */
@media (max-width: 1199px) {
	body.lk-page-about .elementor-element.elementor-element-8537a81 .elementor-heading-title {
		font-size: 80px;
		line-height: 1;
	}
	body.lk-page-about .elementor-element.elementor-element-4a65a42 .elementor-heading-title,
	body.lk-page-about .elementor-element.elementor-element-45a6f5f .elementor-heading-title,
	body.lk-page-about .elementor-element.elementor-element-c4d24a4 .elementor-heading-title {
		font-family: var(--lk-display);
		font-weight: 400;
		font-size: 40px;
		line-height: 1.15;
		text-wrap: balance;
	}
}

@media (max-width: 1024px) {
	body.lk-page-about .elementor-element.elementor-element-2fd1adf > .e-con-inner {
		flex-direction: column;
		gap: 40px;
	}
	body.lk-page-about .elementor-element.elementor-element-74f5caa {
		width: 100%;
		max-width: 573px;
		--min-height: 0px;
		min-height: 0;
		aspect-ratio: 573 / 472;
		align-self: center;
	}
	body.lk-page-about .elementor-element.elementor-element-151218e {
		width: 100%;
		max-width: 620px;
		align-self: center;
	}
}

@media (max-width: 767px) {
	body.lk-page-about .elementor-element.elementor-element-12ed2d0 {
		--min-height: 300px;
		min-height: 300px;
	}
	body.lk-page-about .elementor-element.elementor-element-8537a81 .elementor-heading-title {
		font-size: 64px;
	}
	body.lk-page-about .elementor-element.elementor-element-4a65a42 .elementor-heading-title,
	body.lk-page-about .elementor-element.elementor-element-45a6f5f .elementor-heading-title,
	body.lk-page-about .elementor-element.elementor-element-c4d24a4 .elementor-heading-title {
		font-size: 34px;
	}
	body.lk-page-about .elementor-element.elementor-element-45a6f5f .elementor-heading-title {
		text-align: center;
	}
	body.lk-page-about .elementor-element.elementor-element-c4654fa,
	body.lk-page-about .elementor-element.elementor-element-c4654fa p,
	body.lk-page-about .elementor-element.elementor-element-fcc9158,
	body.lk-page-about .elementor-element.elementor-element-fcc9158 p,
	body.lk-page-about .elementor-element.elementor-element-e950b48,
	body.lk-page-about .elementor-element.elementor-element-e950b48 p {
		font-size: 14.5px;
		line-height: 24px;
	}
	body.lk-page-about button.lk-play,
	body.lk-page-about button.lk-play:focus {
		width: 72px;
		height: 72px;
	}
	body.lk-page-about .lk-play svg {
		width: 24px;
		height: 27px;
		margin-left: 3px;
	}
}

/* top banner: navy overlay (like the other page banners) so the title reads on any photo */
body.lk-page-about .elementor-element.elementor-element-12ed2d0 {
	box-shadow: inset 0 0 0 100vmax rgba(24, 36, 50, .55);
}