/* KAYA footer — Figma 622:17276, 1920x474. ITG min(rem, vw) against 1920. */

body.kaya-footer-active #footer-outer.kaya-footer-outer,
body.kaya-footer-active[data-footer-reveal="1"] #footer-outer.kaya-footer-outer {
	--kaya-ftr-inset-x: min(6.25rem, 5.2083333333vw);
	--kaya-ftr-strip-h: min(1.4375rem, 1.1979166667vw);
	--kaya-ftr-logo-w: min(13.8125rem, 11.5104166667vw);
	--kaya-ftr-brand-w: min(27.5rem, 22.9166666667vw);
	--kaya-ftr-cols-gap: min(2.5rem, 2.0833333333vw);
	--kaya-ftr-col-w: min(14.3125rem, 11.9270833333vw);
	--kaya-ftr-heading-fs: min(0.875rem, 0.7291666667vw);
	--kaya-ftr-heading-lh: min(1.0625rem, 0.8854166667vw);
	--kaya-ftr-body-fs: min(1rem, 0.8333333333vw);
	--kaya-ftr-body-lh: min(1.5rem, 1.25vw);
	--kaya-ftr-stack-gap: min(0.75rem, 0.625vw);
	--kaya-ftr-link-gap: min(0.5rem, 0.4166666667vw);
	--kaya-ftr-col-gap: min(1rem, 0.8333333333vw);
	--kaya-ftr-social: min(1.25rem, 1.0416666667vw);
	--kaya-ftr-social-gap: min(0.75rem, 0.625vw);
	--kaya-ftr-bar-h: min(3.3207375rem, 2.76728125vw);
	--kaya-ftr-body-pt: min(3.3125rem, 2.7604166667vw);
	--kaya-ftr-cols-nudge: min(-0.875rem, -0.7291666667vw);
	--kaya-ftr-logo-gap: min(0.75rem, 0.625vw);
	--kaya-ftr-body-pb: min(2.25rem, 1.875vw);
	--kaya-ftr-arrow-w: min(0.75rem, 0.625vw);
	--kaya-ftr-arrow-h: min(0.5rem, 0.4166666667vw);
	--kaya-ftr-arrow-leaf-w: min(0.796075rem, 0.6633958333vw);
	--kaya-ftr-arrow-leaf-h: min(0.545925rem, 0.4549375vw);
	--kaya-ftr-arrow-leaf-t: min(0.0229625rem, 0.0191354167vw);

	position: relative !important;
	z-index: 2;
	width: 100%;
	margin: min(-1.4375rem, -1.1979166667vw) 0 0;
	padding: 0 !important;
	background: transparent !important;
	background-image: none !important;
	overflow: visible;
	box-shadow: none !important;
	color: var(--kaya-brown);
}

body.kaya-footer-active #footer-outer.kaya-footer-outer:before,
body.kaya-footer-active #footer-outer.kaya-footer-outer:after,
body.kaya-footer-active #footer-outer.kaya-footer-outer #call-to-action,
body.kaya-footer-active #footer-outer.kaya-footer-outer #footer-widgets,
body.kaya-footer-active #footer-outer.kaya-footer-outer #copyright {
	display: none !important;
}

.kaya-footer {
	position: relative;
	margin: 0;
	background-color: transparent;
	overflow: visible;
}

.kaya-footer__strip {
	position: relative;
	z-index: 2;
	height: var(--kaya-ftr-strip-h);
	overflow: hidden;
	line-height: 0;
	pointer-events: none;
}

.kaya-footer__strip img {
	display: block;
	width: 100%;
	height: var(--kaya-ftr-strip-h);
	max-width: none;
	object-fit: fill;
	object-position: top;
}

.kaya-footer__body {
	position: relative;
	z-index: 1;
	padding: var(--kaya-ftr-body-pt) var(--kaya-ftr-inset-x) var(--kaya-ftr-body-pb);
	background-color: var(--kaya-orange-light);
	box-sizing: border-box;
}

.kaya-footer__main {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--kaya-ftr-cols-gap);
}

.kaya-footer__brand {
	flex: 0 0 var(--kaya-ftr-brand-w);
	width: var(--kaya-ftr-brand-w);
	max-width: 100%;
}

.kaya-footer__logo {
	display: block;
	width: var(--kaya-ftr-logo-w);
	max-width: 100%;
	margin: 0;
	line-height: 0;
}

.kaya-footer__logo img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

.kaya-footer__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kaya-ftr-stack-gap);
	margin-top: var(--kaya-ftr-logo-gap);
}

.kaya-footer,
.kaya-footer p,
.kaya-footer a,
.kaya-footer li {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: var(--kaya-ftr-body-fs);
	line-height: var(--kaya-ftr-body-lh);
	letter-spacing: 0;
	color: var(--kaya-brown);
	font-variant-numeric: lining-nums proportional-nums;
	font-feature-settings: "lnum" 1, "pnum" 1;
}

.kaya-footer p,
.kaya-footer ul {
	margin: 0;
	padding: 0;
}

.kaya-footer a {
	text-decoration: none;
}

.kaya-footer a:hover,
.kaya-footer a:focus {
	color: var(--kaya-maroon);
}

.kaya-footer__email a {
	color: var(--kaya-brown);
}

.kaya-footer__label {
	color: var(--kaya-maroon);
}

.kaya-footer__social {
	display: flex;
	align-items: center;
	gap: var(--kaya-ftr-social-gap);
	list-style: none;
	width: min(9.25rem, 7.7083333333vw);
	height: var(--kaya-ftr-social);
}

.kaya-footer__social li {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.kaya-footer__social a {
	display: block;
	line-height: 0;
}

.kaya-footer__social-icon {
	display: block;
	width: var(--kaya-ftr-social);
	height: var(--kaya-ftr-social);
	overflow: hidden;
}

.kaya-footer__social-icon img {
	display: block;
	width: var(--kaya-ftr-social);
	height: var(--kaya-ftr-social);
	max-width: none;
}

.kaya-footer__social a:hover,
.kaya-footer__social a:focus {
	opacity: 0.85;
}

.kaya-footer__cols {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: var(--kaya-ftr-cols-gap);
	flex: 1 1 auto;
	margin-top: var(--kaya-ftr-cols-nudge);
	min-width: 0;
}

.kaya-footer__link-cols {
	display: contents;
}

.kaya-footer__mobile-only {
	display: none;
}

.kaya-footer__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kaya-ftr-col-gap);
	flex: 0 0 auto;
}

.kaya-footer__col--wide {
	width: var(--kaya-ftr-col-w);
}

.kaya-footer p.kaya-footer__heading {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: var(--kaya-ftr-heading-fs);
	line-height: var(--kaya-ftr-heading-lh);
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--kaya-maroon);
	white-space: nowrap;
}

.kaya-footer__links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kaya-ftr-link-gap);
	list-style: none;
}

.kaya-footer__links li {
	white-space: nowrap;
}

.kaya-footer__col--wide p + p {
	margin: 0;
}

.kaya-footer__divider {
	flex: 0 0 1px;
	width: 1px;
	align-self: stretch;
	background-color: rgba(53, 19, 26, 0.18);
}

.kaya-footer__bar {
	position: relative;
	z-index: 2;
	height: var(--kaya-ftr-bar-h);
	overflow: hidden;
}

.kaya-footer__bar-shape {
	position: absolute;
	inset: 0;
	pointer-events: none;
	line-height: 0;
}

.kaya-footer__bar-shape img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: fill;
	transform: scaleY(-1);
}

.kaya-footer__bar-inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 0 var(--kaya-ftr-inset-x);
	box-sizing: border-box;
}

.kaya-footer p.kaya-footer__copy {
	color: var(--kaya-white);
	white-space: nowrap;
}

.kaya-footer__volunteer {
	display: inline-flex;
	align-items: center;
	gap: var(--kaya-ftr-link-gap);
	text-decoration: none;
}

.kaya-footer__volunteer-label {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: var(--kaya-ftr-heading-fs);
	line-height: normal;
	letter-spacing: 0;
	color: var(--kaya-white);
	white-space: nowrap;
}

.kaya-footer__volunteer-icon {
	display: block;
	position: relative;
	width: var(--kaya-ftr-arrow-w);
	height: var(--kaya-ftr-arrow-h);
	overflow: visible;
	flex: 0 0 var(--kaya-ftr-arrow-w);
}

.kaya-footer__volunteer-icon img {
	display: block;
	position: absolute;
	top: calc(-1 * var(--kaya-ftr-arrow-leaf-t));
	left: 0;
	width: var(--kaya-ftr-arrow-leaf-w);
	height: var(--kaya-ftr-arrow-leaf-h);
	max-width: none;
}

.kaya-footer__volunteer:hover,
.kaya-footer__volunteer:focus {
	opacity: 0.85;
}

@media only screen and (max-width: 999px) {
	/* Figma Mobile Homepage footer, 393px. Frame 286 1210:27984. */
	body.kaya-footer-active #footer-outer.kaya-footer-outer {
		--kaya-ftr-inset-x: 20px;
		--kaya-ftr-strip-h: 23px;
		--kaya-ftr-logo-w: 204px;
		--kaya-ftr-logo-gap: 20px;
		--kaya-ftr-brand-w: 100%;
		--kaya-ftr-body-pt: 40px;
		--kaya-ftr-body-pb: 40px;
		--kaya-ftr-cols-nudge: 0;
		--kaya-ftr-stack-gap: 12px;
		--kaya-ftr-col-gap: 12px;
		--kaya-ftr-link-gap: 4px;
		--kaya-ftr-social: 20px;
		--kaya-ftr-social-gap: 12px;
		--kaya-ftr-heading-fs: 14px;
		--kaya-ftr-heading-lh: 17px;
		--kaya-ftr-body-fs: 16px;
		--kaya-ftr-body-lh: 24px;
		--kaya-ftr-arrow-w: 12px;
		--kaya-ftr-arrow-h: 8px;
		--kaya-ftr-arrow-leaf-w: 12.737px;
		--kaya-ftr-arrow-leaf-h: 8.735px;
		--kaya-ftr-arrow-leaf-t: 0.367px;
		margin-top: -23px;
	}

	.kaya-footer__desktop-only {
		display: none;
	}

	.kaya-footer__lede.kaya-footer__mobile-only {
		display: block;
	}

	.kaya-footer__email .kaya-footer__mobile-only {
		display: inline;
	}

	.kaya-footer__volunteer-label.kaya-footer__mobile-only {
		display: inline;
	}

	.kaya-footer__strip--bar.kaya-footer__mobile-only {
		display: block;
	}

	/* The cream lace under Travel the world is this strip on every page.
	   Cover the long drips so the tear matches Figma strip 1210:28714. */
	.kaya-footer__strip::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		height: 15px;
		background-color: var(--kaya-orange-light);
		pointer-events: none;
	}

	/* Figma strip 1210:28734 is the brown bar torn up into the cream.
	   Keep the text-to-tear gap, and let the cream show through the notches.
	   The top of the squashed artwork draws a second scratch above the tear,
	   so the mask is anchored to the bottom and that scratch is clipped. */
	.kaya-footer__body {
		padding-bottom: calc(var(--kaya-ftr-body-pb) + 19px);
	}

	.kaya-footer__strip--bar {
		height: 19px;
		margin-top: -19px;
		background-color: var(--kaya-brown);
		-webkit-mask-image: url("../assets/footer/strip.svg");
		mask-image: url("../assets/footer/strip.svg");
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center bottom;
		mask-position: center bottom;
		-webkit-mask-size: 100% 23px;
		mask-size: 100% 23px;
	}

	.kaya-footer__strip--bar img {
		display: none;
	}

	.kaya-footer__strip--bar::after {
		content: none;
	}

	.kaya-footer__main {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
		width: 100%;
	}

	.kaya-footer__brand {
		width: 100%;
		flex-basis: auto;
	}

	.kaya-footer__social {
		width: auto;
		height: 20px;
	}

	.kaya-footer__cols {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 40px;
		width: 100%;
	}

	.kaya-footer__link-cols {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		width: 100%;
	}

	.kaya-footer__link-cols .kaya-footer__col {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
	}

	.kaya-footer__mobile-block {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		width: 100%;
	}

	.kaya-footer__rule {
		align-self: stretch;
		height: 2px;
		background-color: rgba(53, 19, 26, 0.1);
	}

	.kaya-footer__terms,
	.kaya-footer__contact {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		max-width: 229px;
	}

	.kaya-footer__links li,
	.kaya-footer p.kaya-footer__heading,
	.kaya-footer p.kaya-footer__copy,
	.kaya-footer__volunteer-label {
		white-space: normal;
	}

	.kaya-footer__bar {
		height: auto;
		overflow: visible;
		background-color: var(--kaya-brown);
	}

	.kaya-footer__bar-shape {
		display: none;
	}

	.kaya-footer__bar-inner {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		height: auto;
		gap: 17px;
		padding: 5px 20px 26px;
	}

	.kaya-footer p.kaya-footer__copy {
		align-self: flex-start;
		max-width: 315px;
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
	}

	.kaya-footer__volunteer {
		align-self: center;
		gap: 8px;
	}

	.kaya-footer__volunteer-label {
		font-size: 14px;
		line-height: normal;
	}
}