/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.99.8/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.3_webpack@5.99.8/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/assets/css/vendors/swup.js.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.swup-progress-bar {
	background-color: #fff;
	background-color: var(--swup-progress-bar-color, #fff);
	height: 4px;
	height: var(--swup-progress-bar-height, 4px);
	top: 0px;
	top: var(--swup-progress-bar-distance, 0px);
	z-index: 102 !important;
}

.swup-transition-overlay {
	z-index: 100 !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.99.8/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.3_webpack@5.99.8/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/assets/css/vendors/lenis.js.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: hidden;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.99.8/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.3_webpack@5.99.8/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/assets/css/utilities/scroller.js.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.scroller {
	/* Default variables */
	--scroller-arrow-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m1 5 4-4 4 4%27 stroke=%27%23000%27/%3E%3C/svg%3E");
	--scroller-background-blur: none;
	--scroller-background-color: transparent;
	--scroller-background-padding-x: 10px;
	--scroller-background-padding-y: 12px;
	--scroller-background-shadow: none;
	--scroller-border-radius: 30px;
	--scroller-height: 180px;
	--scroller-thumb-border-radius: 3px;
	--scroller-thumb-color: #0d0d0d;
	--scroller-thumb-easing: ease-out;
	--scroller-thumb-speed: 0.2s;
	--scroller-track-border-radius: 3px;
	--scroller-track-color: rgba(0,0,0,0.07843);
	--scroller-track-right: 0;
	--scroller-transition-duration: 0.6s;
	--scroller-transition-easing: ease;
	--scroller-width: 6px;
	--scroller-z-index: 99;

	/* Hover variables */
	--scroller-arrow-image-hover: var(--scroller-arrow-image);
	--scroller-thumb-color-hover: var(--color--1);

	/* Invert variables */
	--scroller-arrow-image-inverted: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m1 5 4-4 4 4%27 stroke=%27%23fff%27/%3E%3C/svg%3E");
	--scroller-thumb-color-inverted: #fff;
	--scroller-track-color-inverted: rgba(255,255,255,0.10196);

	align-items: center;
	background-color: transparent;
	border-radius: 30px;
	border-radius: var(--scroller-border-radius);
	display: none;
	flex-direction: column;
	opacity: 0;
	padding: 12px 10px;
	padding: var(--scroller-background-padding-y) var(--scroller-background-padding-x);
	pointer-events: none;
	top: 50%;
	right: 0;
	right: var(--scroller-track-right);
	position: fixed;
	row-gap: 10px;
	transform: translateY(-50%);
	transform-origin: center;
	transition-duration: 0.6s;
	transition-duration: var(--scroller-transition-duration);
	transition-timing-function: ease;
	transition-timing-function: var(--scroller-transition-easing);
	transition-property: opacity, visibility;
	z-index: 99;
	z-index: var(--scroller-z-index);

	&::before {
		background-color: var(--scroller-background-color);
		-webkit-backdrop-filter: var(--scroller-background-blur);
		        backdrop-filter: var(--scroller-background-blur);
		filter: var(--scroller-background-shadow);
		border-radius: inherit;
		content: '';
		display: block;
		opacity: 0;
		top: 50%;
		left: 50%;
		position: absolute;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		transform: translate(-50%, -50%);
		transform-origin: center;
		transition-duration: var(--scroller-transition-duration);
		transition-property: opacity, height, width;
		transition-timing-function: var(--scroller-transition-easing);
		z-index: 0;
	}

	.scroller_arrow {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		background: transparent var(--scroller-arrow-image) no-repeat center / 10px 6px;
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 100%;
		box-shadow: none;
		cursor: pointer;
		display: inline-flex;
		opacity: 0;
		outline: none;
		position: relative;
		width: 22px;
		height: 22px;
		transform-origin: center;
		transition-duration: var(--scroller-transition-duration);
		transition-property: background-image, border-color, opacity;
		transition-timing-function: var(--scroller-transition-easing);
		z-index: 1;

		&.-down {
			transform: scaleY(-1);
		}
	}

	.scroller_track {
		background-color: var(--scroller-track-color);
		border-radius: var(--scroller-track-border-radius);
		cursor: pointer;
		position: relative;
		width: var(--scroller-width);
		height: var(--scroller-height);
		transition-duration: var(--scroller-transition-duration);
		transition-property: background-color, top;
		transition-timing-function: var(--scroller-transition-easing);
		z-index: 1;
	}

	.scroller_thumb {
		background-color: var(--scroller-thumb-color);
		border-radius: var(--scroller-thumb-border-radius);
		cursor: grab;
		min-height: var(--scroller-width);
		top: 0;
		position: absolute;
		transition-duration: var(--scroller-transition-duration), var(--scroller-transition-duration),
			var(--scroller-thumb-speed);
		transition-property: background-color, height, transform;
		transition-timing-function: var(--scroller-transition-easing), var(--scroller-transition-easing),
			var(--scroller-thumb-easing);
		width: 100%;

		&.no-transition {
			transition: none;
		}
	}

	&.is-inverted {
		.scroller_arrow {
			background-image: var(--scroller-arrow-image-inverted) !important;
		}

		.scroller_track {
			background-color: var(--scroller-track-color-inverted) !important;
		}

		.scroller_thumb {
			background-color: var(--scroller-thumb-color-inverted) !important;
		}
	}

	&.is-stopped {
		opacity: 0 !important;
		pointer-events: none;
		visibility: hidden;
	}

	@media (hover) {
		&:not(.is-stopped) {
			&:hover,
			&:active,
			&:focus,
			&.is-key-press {
				opacity: 1 !important;

				&::before {
					opacity: 1;
					width: 100%;
					height: 100%;
				}

				.scroller_arrow {
					background-image: var(--scroller-arrow-image-hover);
					opacity: 1;
				}
			}

			&:active .scroller_thumb,
			&:focus .scroller_thumb {
				cursor: grabbing;
			}

			&:hover,
			&:active,
			&:focus {
				.scroller_thumb {
					background-color: var(--scroller-thumb-color-hover);
				}
			}
		}
	}
}

@media (prefers-reduced-motion: no-preference) {
	&.has-loaded .scroller {
		@media (min-width: 1025px) {
			display: flex;
			pointer-events: auto;
		}
	}

	&.has-scrolled.lenis-scrolling .scroller {
		opacity: 1;
	}

	&.is-stopped-top .scroller .scroller_arrow.-up,
	&.is-stopped-bottom .scroller .scroller_arrow.-down {
		opacity: 0.2;
		pointer-events: none;
	}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.99.8/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.3_webpack@5.99.8/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/assets/css/vendors/mouse-follower.js.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mf-cursor {
	contain: layout style size;
	direction: ltr;
	pointer-events: none;
	top: 0;
	left: 0;
	position: fixed;
	transition: opacity 0.3s, color 0.4s;
	z-index: 250;

	@media (max-width: 1025px), (hover: none) {
		display: none !important;
	}

	&::before {
		background: currentColor;
		border-radius: 50%;
		content: '';
		display: block;
		opacity: 0;
		top: -24px;
		left: -24px;
		position: absolute;
		width: 48px;
		height: 48px;
		transform: scale(0.2);
		transition: transform 0.25s ease-in-out, opacity 0.1s;
	}

	&.-inverse {
		color: #fff;
	}

	&.-pointer::before {
		transform: scale(0.15);
	}

	&.-text::before {
		opacity: 0;
		transform: scale(0);
	}

	&.-text.-active::before {
		transform: scale(0);
		transition-duration: 0.2s;
	}

	&.-icon::before {
		transform: scale(1.5);
	}

	&.-icon.-active::before {
		transform: scale(1.4);
	}

	&.-hidden::before {
		transform: scale(0);
	}

	&.-text {
		.mf-cursor-text {
			opacity: 1;
			transform: scale(1);
		}
	}

	&.-icon {
		.mf-cursor-text {
			opacity: 1;
			transform: scale(1);
		}
	}

	&.-media {
		.mf-cursor-media-box {
			opacity: 1;
			transform: scale(0.696);
			transition-duration: 0.4s, 0.4s;
			transition-delay: 0s, 0s;
		}
	}
}

@supports (mix-blend-mode: exclusion) {
	.mf-cursor {
		&.-exclusion {
			mix-blend-mode: exclusion;
		}

		&.-exclusion::before {
			background: #fff;
		}
	}
}

.mf-cursor-text {
	align-items: center;
	-webkit-backdrop-filter: blur(20px);
	        backdrop-filter: blur(20px);
	background: rgba(var(--rgb--6), 0.8);
	border-radius: 100%;
	color: #fff;
	display: flex;
	font-family: var(--family--2);
	font-size: 0.875rem;
	justify-content: center;
	letter-spacing: 0.1em;
	line-height: 1em;
	opacity: 0;
	top: -50px;
	left: -50px;
	position: absolute;
	width: 100px;
	height: 100px;
	text-align: center;
	text-transform: uppercase;
	transform: scale(0) rotate(10deg);
	transition: opacity 0.4s, transform 0.3s;
}

.mf-cursor-media {
	margin: -200px 0 0 -200px;
	position: absolute;
	width: 400px;
	height: 400px;

	img,
	video {
		border-radius: 50%;
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);

		@supports ((-o-object-fit: cover) or (object-fit: cover)) {
			-o-object-fit: cover;
			   object-fit: cover;
			position: static;
			width: 100%;
			height: 100%;
			transform: translateZ(0);
		}
	}
}

.mf-cursor-media-box {
	border-radius: 50%;
	opacity: 0;
	overflow: hidden;
	padding: 1px;
	position: relative;
	width: 100%;
	height: 100%;
	transform: scale(0) translateZ(0);
	transition: transform 0.35s, opacity 0.2s 0.2s;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.99.8/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.3_webpack@5.99.8/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/assets/css/base/imports.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/at-rule-no-unknown */

/**
 * Import CSS files
 */

/* Brand */

:root {
	/**
	 * Colours
	 */
	/* Primary scheme */
	--color--1: #98523c;
	--color--2: #f8f5eb;
	--color--3: #344237;
	--color--4: #a0ae8d;
	--color--5: #eeece2;
	--color--6: #82906f;
	/* RGB */
	--rgb--1: 152, 82, 69;
	--rgb--2: 248, 245, 235;
	--rgb--3: 52, 66, 55;
	--rgb--4: 160, 174, 141;
	--rgb--5: 238, 204, 226;
	--rgb--6: 130, 144, 111;

	/**
	 * Transitions
	 */
	--transition-duration: 0.3s;
	--transition-easing: cubic-bezier(0.25, 1, 0.5, 1);

	/**
	 * Accessibility
	 */
	--outline-color: rgba(var(--rgb--1), 0.25);
	--outline-style: solid;
	--outline-width: 4px;
	--outline-offset: 4px;
	--outline-transition-duration: 0.15s;

	/**
	 * Font families
	 *
	 * Fallbacks (retrieved from systemfontstack.com)
	 * Sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
	 * Serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	 * Mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
	 */
	--family--1: 'Blacker Sans', Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times,
		Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	--family--2: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

	/**
	 * Containers
	 */
	/* Max widths */
	--container-max-width-1: 1540px;

	/* Padding */
	--container-padding-lg: 40px;
	--container-padding-sm: 4.5vw;
	--container-padding: var(--container-padding-sm);

	@media (min-width: 1025px) {
		--container-padding: var(--container-padding-lg);
	}

	/**
	 * Base/root
	 */
	--base--background-color: #f8f5eb;
	--base--text-color: #344237;
	--base--font-family: var(--family--2);
	--base--font-size: 16px;
	--base--font-weight: 400;
	--base--line-height: 1em;

	/**
	 * Transition
	 */
	--swup-overlay-theme-color: var(--color--3);
	--swup-overlay-theme-duration: 1s;
	--swup-overlay-theme-delay: 0.1s;
	--swup-overlay-theme-scale: 1.2;
	--swup-overlay-theme-skew: 0deg;

	/**
	* Scroller
	*/
	.scroller {
		--scroller-background-padding-x: 0px;
		--scroller-background-padding-y: 0px;
		--scroller-border-radius: 0px;
		--scroller-height: 100vh;
		--scroller-thumb-border-radius: 0px;
		--scroller-thumb-color: var(--color--1);
		--scroller-thumb-color-hover: var(--color--4);
		--scroller-track-border-radius: 0px;
		--scroller-track-color: #fff;
		--scroller-width: 2px;
		--scroller-z-index: 102;

		.scroller_arrow {
			display: none;
		}
	}

	/**
	 * Viewport
	 */
	--cw: 100vw;
	--vh: 1vh;
	--vw: 1vw;
	--dvh: 1dvh;
	--svh: 1svh;
	--lvh: 1lvh;
	--ivh: 1vh;

	/**
	 * Grid
	 */
	--grid-column-count: 12;
	--grid-gap: calc(var(--container-padding) / 2);

	@media (min-width: 1025px) {
		--grid-gap: var(--container-padding);
	}

	/* Overlay */
	--grid-overlay-color: rgba(231,162,162,0.23137);
	--grid-overlay-columns: var(--grid-column-count);
	--grid-overlay-gutter: var(--grid-gap);
	--grid-overlay-width: var(--container-max-width-1);
	--grid-overlay-zindex: 100;

	/* Column widths */
		--col-1: calc(
			100% *
				1 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 1 / var(--grid-column-count))
		);
		--col-2: calc(
			100% *
				2 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 2 / var(--grid-column-count))
		);
		--col-3: calc(
			100% *
				3 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 3 / var(--grid-column-count))
		);
		--col-4: calc(
			100% *
				4 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 4 / var(--grid-column-count))
		);
		--col-5: calc(
			100% *
				5 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 5 / var(--grid-column-count))
		);
		--col-6: calc(
			100% *
				6 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 6 / var(--grid-column-count))
		);
		--col-7: calc(
			100% *
				7 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 7 / var(--grid-column-count))
		);
		--col-8: calc(
			100% *
				8 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 8 / var(--grid-column-count))
		);
		--col-9: calc(
			100% *
				9 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 9 / var(--grid-column-count))
		);
		--col-10: calc(
			100% *
				10 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 10 / var(--grid-column-count))
		);
		--col-11: calc(
			100% *
				11 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 11 / var(--grid-column-count))
		);
		--col-12: calc(
			100% *
				12 /
				var(--grid-column-count) -
				(var(--grid-gap) - var(--grid-gap) * 12 / var(--grid-column-count))
		)
}

/**
 * Blacker Sans
 */

@font-face {
	font-family: 'Blacker Sans';
	src: url(/wp-content/themes/prosper/dist/fonts/eb59b0b167c0b22eb7f5.woff2) format('woff2'),
		url(/wp-content/themes/prosper/dist/fonts/015772168c1874ba4c81.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/**
 * Media queries
 */

/* Larger than */

/* Between (range) */

/* Smaller than */

/* States */

/**
 * HTML document & body
 */

html,
body {
	/* Layout */
	max-width: 100%;
	min-height: 100vh;
	overflow-x: clip;
	width: 100%;

	/* Typography */
	font-size: 1rem;
	font-size: var(--base--font-size, 16px);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
	font-family: var(--base--font-family);
	font-weight: 400;
	font-weight: var(--base--font-weight);
	line-height: 1em;
	line-height: var(--base--line-height, 100%);

	/* Colors */
	background: #f8f5eb;
	background: var(--base--background-color, #fafafa);
	color: #344237;
	color: var(--base--text-color, #301911);

	/* Font smoothing */
	font-smooth: always;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;

	/* Touch actions */
	-webkit-overflow-scrolling: touch;
	touch-action: pan-y;
}

html {
	/* Scroll behaviour */
	scroll-behavior: initial;
	min-height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	@media (prefers-reduced-motion: no-preference) {
		scrollbar-width: none;
		-ms-overflow-style: none;

		&::-webkit-scrollbar {
			display: none;
		}
	}

	/* Reduced motion preference */
	@media (prefers-reduced-motion: reduce) {
		*,
		*::before,
		*::after {
			transition: none !important;
		}
	}
}

main[data-load-container] {
	container-type: inline-size;
	container-name: main;
	--cw: 100vw;
	width: 100%;

	@supports (-webkit-touch-callout: none) {
		min-height: -webkit-fill-available;
	}
}

/**
 * Resets
 */

.wp-site-blocks {
	*:where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video):not(audio):not(svg *):not(symbol *)) {
		all: unset;
		display: revert;
		margin: 0;
	}

	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}
}

/**
 * Alignments and widths
 */

.acf-block-preview,
.wp-site-blocks {
	.u-container {
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.wp-block-group,
	.wp-block {
		--width: var(--container-max-width-1);
		max-width: 1540px;
		max-width: var(--width);
		margin-top: 0;
		margin-top: initial;
		margin-bottom: 0;
		margin-bottom: initial;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0;
		padding: initial;
		width: 100%;

		&.u-container--pad {
			@media (min-width: 1025px) {
				max-width: calc(var(--width) + (2 * 40px));
				max-width: calc(var(--width) + (2 * var(--spacing-lg, 40px)));
				max-width: calc(var(--width) + calc(2 * 40px));
				max-width: calc(var(--width) + calc(2 * var(--spacing-lg, 40px)));
			}
		}
	}
}

/* Wide width */

.alignwide {
	--width: var(--container-max-width-2);
	margin-left: auto;
	margin-right: auto;
	max-width: var(--width);
}

/* Full width */

.alignfull {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 100%;

	&:not(.u-container--pad) {
		padding-left: 0;
		padding-right: 0;
	}
}

/**
 * Groups
 */

/* Ensure no spacing between blocks */

:root :where(.is-layout-flow) > *,
:root :where(.is-layout-constrained) > * {
	margin-top: 0;
	margin-bottom: 0;
}

/* Remove max widths on ACF blocks */

.wp-block[data-type^='acf/'] {
	max-width: none !important;
}

/**
 * Groups
 */

.wp-block-group {
	background-color: var(--base-background-color);
	position: relative;
}

@media screen and (min-width: 1025px) {
	.c-hero[data-cid]:has(+ .wp-block-group.content-start) {
		margin-bottom: -40px;
		padding-bottom: 40px;

		.block_inner {
			height: calc((1vh * 100) - 40px);
			height: calc((var(--ivh, 1vh) * 100) - 40px);
			height: calc(calc(1vh * 100) - 40px);
			height: calc(calc(var(--ivh, 1vh) * 100) - 40px);
		}

		& + .wp-block-group.content-start {
			background-color: transparent;
			clip-path: inset(0 40px);
			margin-left: auto;
			margin-right: auto;
			position: relative;
			width: 100%;
			z-index: 11;
		}
	}
}

/* Utilities */

/**
 * Absolute space fill
 */

.u-absolute-fill,.u-absolute-anchor {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.u-absolute-anchor {
	color: transparent;
	font-size: 0;
	text-indent: -999px;
}

/**
 * Disable button
 */

/**
 * Default button styles
 */

.u-disable-button,.u-btn--1 {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	box-shadow: none;
	outline: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	}

.u-btn--1 {
		cursor: pointer;
		display: inline-flex;
		justify-content: flex-start;
		padding: 0;
		position: relative;
		text-align: left;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		width: -moz-fit-content;
		width: fit-content;
	}

/**
 * Primary button (solid)
 */

.u-btn--1 {
	--arrow-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2714%27 fill=%27none%27 viewBox=%270 0 16 14%27%3E%3Cpath fill=%27%23344237%27 d=%27m15.5 7-6.354 6.354-.707-.707L13.586 7.5H.293v-1h13.293L8.439 1.354l.707-.708L15.5 7Z%27/%3E%3C/svg%3E");
	--arrow-icon-hover: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2714%27 fill=%27none%27 viewBox=%270 0 16 14%27%3E%3Cpath fill=%27%23f8f5eb%27 d=%27m15.5 7-6.354 6.354-.707-.707L13.586 7.5H.293v-1h13.293L8.439 1.354l.707-.708L15.5 7Z%27/%3E%3C/svg%3E");
	--background-color: transparent;
	--background-color-hover: var(--color--3);
	--border-color: var(--color--3);
	--border-color-hover: var(--background-color-hover);
	--border-radius: 0;
	--height: 40px;
	--line-color: var(--border-color);
	--line-color-hover: var(--line-color-hover);
	--outline-color: rgba(var(--rgb--3), 1);
	--outline-color-hover: rgba(var(--rgb--3), 0.2);
	--text-color: var(--color--3);
	--text-color-hover: var(--color--2);
	--text-padding-inline: 12px;
	--width: auto;
	align-items: center;
	background: transparent;
	background: var(--background-color);
	border: 1px solid #344237;
	border: 1px solid var(--border-color);
	border-radius: 0;
	border-radius: var(--border-radius);
	height: 40px;
	height: var(--height);
	justify-content: center;
	overflow: visible;
	padding: 0;
	transition-duration: 0.3s;
	transition-duration: var(--transition-duration);
	transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
	transition-timing-function: var(--transition-easing);
	transition-property: background-color, border-color, outline-color, outline-offset;
	width: auto;
	width: var(--width);

	.btn_label {
		align-items: center;
		color: var(--text-color);
		-moz-column-gap: 0.4em;
		     column-gap: 0.4em;
		display: inline-flex;
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
		font-family: var(--family--2);
		line-height: 1em;
		font-size: max(0.75rem, min(calc(0.75rem + (14 - 12) * ((100vw - 26.25rem) / (1620 - 420))), 0.875rem));
		font-size: max(0.75rem, min(calc(0.75rem + (14 - 12) * ((var(--cw) - 26.25rem) / (1620 - 420))), 0.875rem));
		font-weight: 400;
		font-weight: var(--base--font-weight);
		letter-spacing: 0.1em;
		min-height: 24px;
		padding-left: var(--text-padding-inline);
		padding-right: var(--text-padding-inline);
		position: relative;
		text-transform: uppercase;
		transition-duration: 0.3s;
		transition-duration: var(--transition-duration);
		transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
		transition-timing-function: var(--transition-easing);
		transition-property: border-color, color;
		z-index: 1;
	}

	&:not(.-no-arrow) .btn_label {
		border-right: 1px solid var(--line-color);
	}

	&::before,
	&:not(.-no-arrow)::after {
		content: '';
		display: inline-flex;
		margin-top: auto;
		margin-bottom: auto;
		transition-duration: 0.3s;
		transition-duration: var(--transition-duration);
		transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
		transition-timing-function: var(--transition-easing);
		transition-property: background-image, transform;
	}

	&::before {
		background-color: var(--background-color-hover);
		margin-left: auto;
		margin-right: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		transform: scaleY(0);
		transform-origin: center;
		z-index: 0;
	}

	&:not(.-no-arrow)::after {
		background-color: transparent;
		background-image: var(--arrow-icon);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 16px 14px;
		flex-basis: var(--height);
		position: relative;
		width: var(--height);
		height: calc(var(--height) - 2px);
	}

	&.-wide {
		display: flex;
		width: 100%;

		.btn_label {
			flex: 1 1 auto;
			justify-content: center;
			text-align: center;
		}

		&::after {
			flex: 0 0 auto;
		}
	}

	&.-outline {
		outline: 1px solid rgba(152, 82, 69, 0.25);
		outline: 1px solid var(--outline-color);
		outline-offset: 1px;
	}

	&.-preset--1 {
		--arrow-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2714%27 fill=%27none%27 viewBox=%270 0 16 14%27%3E%3Cpath fill=%27%23f8f5eb%27 d=%27m15.5 7-6.354 6.354-.707-.707L13.586 7.5H.293v-1h13.293L8.439 1.354l.707-.708L15.5 7Z%27/%3E%3C/svg%3E");
		--arrow-icon-hover: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2714%27 fill=%27none%27 viewBox=%270 0 16 14%27%3E%3Cpath fill=%27%23344237%27 d=%27m15.5 7-6.354 6.354-.707-.707L13.586 7.5H.293v-1h13.293L8.439 1.354l.707-.708L15.5 7Z%27/%3E%3C/svg%3E");
		--background-color: var(--color--3);
		--background-color-hover: var(--color--2);
		--border-color: var(--color--3);
		--border-color-hover: var(--color-2);
		--line-color: var(--color--2);
		--line-color-hover: var(--color--3);
		--text-color: var(--color--2);
		--text-color-hover: var(--color--3);
	}

	@media (hover: hover) and (pointer: fine) {
		&:hover,
		&:focus-visible {
			border-color: var(--border-color-hover);

			.btn_label {
				color: var(--text-color-hover);
				border-color: var(--line-color-hover);
			}

			&::before {
				transform: scaleY(1);
			}

			&:not(.-no-arrow)::after {
				background-image: var(--arrow-icon-hover);
			}

			&.-outline {
				outline-color: var(--outline-color-hover);
			}
		}
	}

	/**
	 * Responsive
	 */
	@media screen and (min-width: 1025px) {
		--height: 48px;
		--text-padding-inline: 16px;
	}
}

.u-container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/**
 * Default padding
 */

.u-container--pad {
	padding-left: 4.5vw;
	padding-right: 4.5vw;
	padding-left: var(--container-padding, 40px);
	padding-right: var(--container-padding, 40px);
}

/**
 * Sizes
 */

.u-container--1 {
		--width: var(--container-max-width-1);
		max-width: 1540px;
		max-width: var(--container-max-width-1);

		&.u-container--pad {
			@container (min-width: 1025px) {
				max-width: calc(var(--width) + (2 * 4.5vw));
				max-width: calc(var(--width) + (2 * var(--container-padding, 40px)));
				max-width: calc(var(--width) + calc(2 * 4.5vw));
				max-width: calc(var(--width) + calc(2 * var(--container-padding, 40px)));
			}
		}
	}

.u-cover-bg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.u-cover-object {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

/**
 * Default component class
 */

.u-default {
	--block-accent-color: var(--color--1);
	--block-background-color: var(--base--background-color);
	--block-text-color: var(--base--text-color);
	background-color: #f8f5eb;
	background-color: var(--block-background-color);
	color: #344237;
	color: var(--block-text-color);
	display: block;
	font-size: 0;
	overflow: clip;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;

	.u-wysiwyg-text--1 {
		--bold-text-color: var(--block-accent-color);
	}

	/**
	 * Background colors
	 */
	&.-bg-color--f8f5eb {
		--block-background-color: var(--color--2);
	}

	&.-bg-color--eeece2 {
		--block-background-color: var(--color--5);
	}

	&.-bg-color--98523c {
		--block-accent-color: var(--color--4);
		--block-background-color: var(--color--1);
		--block-text-color: var(--color--2);
	}

	&.-bg-color--344237 {
		--block-background-color: var(--color--3);
		--block-text-color: var(--color--2);
	}

	&.-bg-color--a0ae8d {
		--block-background-color: var(--color--4);
		--block-text-color: var(--color--2);
	}

	&.-bg-color--82906f {
		--block-background-color: var(--color--6);
		--block-text-color: var(--color--2);
	}

	&.-bg-color--98523c,
	&.-bg-color--344237,
	&.-bg-color--a0ae8d,
	&.-bg-color--82906f {
		.u-btn--1 {
			--arrow-icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2714%27 fill=%27none%27 viewBox=%270 0 16 14%27%3E%3Cpath fill=%27%23f8f5eb%27 d=%27m15.5 7-6.354 6.354-.707-.707L13.586 7.5H.293v-1h13.293L8.439 1.354l.707-.708L15.5 7Z%27/%3E%3C/svg%3E");
			--arrow-icon-hover: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2714%27 fill=%27none%27 viewBox=%270 0 16 14%27%3E%3Cpath fill=%27%23344237%27 d=%27m15.5 7-6.354 6.354-.707-.707L13.586 7.5H.293v-1h13.293L8.439 1.354l.707-.708L15.5 7Z%27/%3E%3C/svg%3E");
			--background-color: transparent;
			--background-color-hover: var(--color--2);
			--border-color: var(--color--2);
			--border-color-hover: var(--background-color-hover);
			--line-color: var(--border-color);
			--line-color-hover: var(--line-color-hover);
			--text-color: var(--color--2);
			--text-color-hover: var(--color--3);
		}
	}

	/**
	 * Background patterns
	 */
	.background-pattern {
		--pattern-1: url(/wp-content/themes/prosper/dist/assets/fc2e598951e31fceaea4.webp); /* 410 × 694 */
		--pattern-1-2x: url(/wp-content/themes/prosper/dist/assets/0f4feb05f63ebba5a690.webp);
		--pattern-2: url(/wp-content/themes/prosper/dist/assets/4cd5f8d26412a53ff6d0.webp); /* 220 × 572 */
		--pattern-2-2x: url(/wp-content/themes/prosper/dist/assets/d83a6029d2762199cce9.webp);
		--pattern-3: url(/wp-content/themes/prosper/dist/assets/0ce591306aa12fed2301.webp); /* 277 × 608 */
		--pattern-3-2x: url(/wp-content/themes/prosper/dist/assets/82224a471f4091904787.webp);
		--pattern-4: url(/wp-content/themes/prosper/dist/assets/b0b800a0ba8bf470bcdf.webp); /* 347 × 533 */
		--pattern-4-2x: url(/wp-content/themes/prosper/dist/assets/6995c7a77eccf86df344.webp);
		--pattern-5: url(/wp-content/themes/prosper/dist/assets/f38eb860c2ce11f24ead.webp); /* 2352x1400 */
		--pattern-6: url(/wp-content/themes/prosper/dist/assets/13b2bb5ff888c0d304ea.webp); /* 2352x1400 */
		pointer-events: none;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;

		&::before,
		&::after {
			background-color: transparent;
			background-image: none;
			background-image: var(--pattern, none);
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			content: '';
			display: none;
			position: absolute;
			transform-origin: center;

			@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
				background-image: none;
				background-image: var(--pattern-2x, var(--pattern, none));
			}
		}

		&.-layout--1 {
			&::before,
			&::after {
				--pattern: var(--pattern-1);
				--pattern-2x: var(--pattern-1-2x);
				display: block;
				width: 150px;
				height: 254px;
			}

			&::before {
				bottom: -5%;
				left: -5%;
				transform: rotate(45deg);
			}

			&::after {
				right: -5%;
				top: -5%;
				transform: rotate(225deg);
			}

			@container main (min-width: 769px) and (max-width: 1280px) {
				&::before,
				&::after {
					width: 220px;
					height: 373px;
				}
			}

			@container main (min-width: 1281px) {
				&::before,
				&::after {
					width: 410px;
					height: 694px;
				}

				&::before {
					bottom: -10%;
					left: -10%;
				}

				&::after {
					right: -10%;
					top: -22%;
				}
			}
		}

		&.-layout--2 {
			&::before,
			&::after {
				--pattern: var(--pattern-1);
				--pattern-2x: var(--pattern-1-2x);
				display: block;
				width: 150px;
				height: 254px;
			}

			&::before {
				left: -5%;
				top: -5%;
				transform: rotate(135deg);
			}

			&::after {
				bottom: -5%;
				right: -5%;
				transform: rotate(-45deg);
			}

			@container main (min-width: 769px) and (max-width: 1280px) {
				&::before,
				&::after {
					width: 220px;
					height: 373px;
				}
			}

			@container main (min-width: 1281px) {
				&::before,
				&::after {
					width: 410px;
					height: 694px;
				}

				&::before {
					left: -10%;
					top: -20%;
				}

				&::after {
					bottom: -20%;
					right: -10%;
				}
			}
		}

		&.-layout--3 {
			&::before {
				--pattern: var(--pattern-2);
				--pattern-2x: var(--pattern-2-2x);
				left: -15%;
				height: 255px;
				top: -8%;
				transform: rotate(135deg);
			}

			&::before,&::after {
				display: block;
				width: 150px;
			}

			&::after {
				--pattern: var(--pattern-3);
				--pattern-2x: var(--pattern-3-2x);
				bottom: -20%;
				right: -2%;
				height: 329px;
			}

			@container main (min-width: 1281px) {
				&::before {
					left: -5%;
					top: -15%;
					width: 220px;
					height: 572px;
				}

				&::after {
					bottom: -15%;
					right: 3%;
					width: 277px;
					height: 608px;
				}
			}
		}

		&.-layout--4 {
			&::before {
				--pattern: var(--pattern-5);
				--pattern-2x: var(--pattern-5);
				background-size: cover;
				display: block;
				left: 0;
				width: 100%;
				height: 100%;
				top: 0;
			}
		}

		&.-layout--5 {
			&::before {
				--pattern: var(--pattern-6);
				--pattern-2x: var(--pattern-6);
				background-size: cover;
				display: block;
				left: 0;
				width: 100%;
				height: 100%;
				top: 0;
			}
		}

		&.-layout--6 {
			&::before {
				--pattern: var(--pattern-1);
				--pattern-2x: var(--pattern-1-2x);
				display: block;
				right: -5%;
				width: 150px;
				height: 254px;
				top: -5%;
				transform: rotate(225deg);
			}

			@container main (min-width: 769px) and (max-width: 1280px) {
				&::before {
					width: 220px;
					height: 373px;
				}
			}

			@container main (min-width: 1281px) {
				&::before {
					right: -10%;
					width: 410px;
					height: 694px;
					top: -45%;
				}
			}
		}
	}

	/**
	 * Before importing of styles
	 */
	&:not(.is-preview):not(.has-css-loaded) {
		clip-path: inset(100% 0 0 0);
		opacity: 0;
		visibility: hidden;
	}
}

/**
 * Families
 */

.u-ff--1 {
		font-family: 'Blacker Sans', Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times,
		Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
		font-family: var(--family--1);
	}

.u-ff--2 {
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
		font-family: var(--family--2);
	}

/**
 * Font sizes
 */

.u-fsz--1 {
	font-size: max(1rem, min(calc(1rem + (20 - 16) * ((100vw - 26.25rem) / (1620 - 420))), 1.25rem));
	font-size: max(1rem, min(calc(1rem + (20 - 16) * ((var(--cw) - 26.25rem) / (1620 - 420))), 1.25rem));
	font-range: 420px 1920px;
	}

/**
 * Font styles
 */

.u-fstyle--1 {
	--blob-color: var(--color--1);
	--blob-size: 0.5em;
	--color: var(--color--7);
	--gap: 0.6em;
	align-items: flex-start;
	color: var(--color);
	display: inline-flex;
	font-family: var(--family--3);
	line-height: 1em;
	font-size: max(0.6875rem, min(calc(0.6875rem + (13 - 11) * ((100vw - 26.25rem) / (1620 - 420))), 0.8125rem));
	font-size: max(0.6875rem, min(calc(0.6875rem + (13 - 11) * ((var(--cw) - 26.25rem) / (1620 - 420))), 0.8125rem));
	justify-content: flex-start;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	width: -moz-fit-content;
	width: fit-content;
	}

.u-fstyle--1::before {
		background: var(--blob-color);
		border-radius: 2px;
		display: inline-flex;
		content: '';
		margin-top: 0.25em;
		margin-right: var(--gap);
		min-height: var(--blob-size);
		min-width: var(--blob-size);
		width: var(--blob-size);
		height: var(--blob-size);
	}

/**
 * Basic WYSIWYG formatting
 */

.u-wysiwyg-text--1 {
	--bold-text-color: var(--block-text-color);

	b,
	strong {
		color: var(--bold-text-color);
		font-weight: 400;
	}

	s {
		-webkit-text-decoration: line-through;
		text-decoration: line-through;
	}

	u {
		-webkit-text-decoration: underline;
		text-decoration: underline;
	}
}

/**
 * Default WYSIWYG text
 */

.u-wysiwyg-text--2 {
	--underline-offset: 0.25em;

	p {
		display: block;
	}

	i,
	em {
		font-style: italic;
	}

	a {
		color: #98523c;
		color: var(--color--1);
		-webkit-text-decoration: none;
		text-decoration: none;
		text-underline-offset: 0.25em;
		text-underline-offset: var(--underline-offset, 0.25em);

		@media (hover) {
			&:hover {
				-webkit-text-decoration: underline;
				text-decoration: underline;
			}
		}
	}

	hr {
		background-color: #98523c;
		background-color: var(--color--1);
		border: 0 none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: 1px;
	}

	blockquote {
		border-left: 1px solid #98523c;
		border-left: 1px solid var(--color--1);
		margin-bottom: 30px;
		padding-left: 28px;
	}

	code,
	pre {
		background: rgba(52, 67, 72, 0.2);
		border-radius: 3px;
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
		font-family: var(--family--2);
		padding: 0.25em 0.4em;
		white-space: normal;
	}
}

/**
 * Default WYSIWYG headings
 */

.u-wysiwyg-headings--1 {
	--headings-weight: 400;
	--headings-bold-weight: 600;
	--headings-wrap: balance;

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		display: block;
		font-weight: 400;
		font-weight: var(--headings-weight, 400);
		text-wrap: pretty;

		b,
		strong {
			font-weight: 600;
			font-weight: var(--headings-bold-weight, 600);
		}
	}
}

/**
 * Default WYSIWYG lists
 */

.u-wysiwyg-lists--1 {
	ol.wp-block-list,
	ul.wp-block-list {
		--list-blob-color: var(--base--text-color);
		--list-indent: 0.425em;
		--list-pad: 20px;
		--list-gap: 16px;
		--list-ul-marker: '\2022';
		counter-reset: list-item 0;
		display: grid;
		grid-gap: 16px;
		grid-gap: var(--list-gap, 1em);
		list-style-type: none;
		margin-left: 0.425em;
		margin-left: var(--list-indent, 0);
		padding: 0;

		li {
			padding-left: 1em;
			padding-left: var(--list-pad, 1em);
			position: relative;

			&::before {
				color: var(--list-blob-color);
				position: absolute;
				left: 0;
				white-space: pre;
			}
		}

		ul,
		ol {
			margin-top: 0;
			margin-top: var(--list-gap, 0);
		}
	}

	ul.wp-block-list li::before {
		background: transparent;
		content: var(--list-ul-marker);
		margin-top: 0;
		width: auto;
		height: auto;
	}

	ol.wp-block-list {
		counter-reset: list-item 0;
		display: grid;
		grid-gap: 1em;
		grid-gap: var(--list-gap, 1em);
		list-style-type: none;
		padding: 0;

		li {
			padding-left: 1em;
			padding-left: var(--list-pad, 1em);
			position: relative;

			&::before {
				content: counter(list-item) '.';
				position: absolute;
				left: 0;
				white-space: pre;
			}
		}
	}

	ol.wp-block-list > li {
		counter-increment: list-item;

		&::before {
			content: counter(list-item) '.';
			left: 0;
			position: absolute;
		}
	}
}

/**
 * Default WYSIWYG size presets
 */

.u-wysiwyg-font-sizes--1 {
	:not(.c-responsive-text) {
		h2 {
			font-size: max(1.625rem, min(calc(1.625rem + (36 - 26) * ((100vw - 26.25rem) / (1620 - 420))), 2.25rem));
			font-size: max(1.625rem, min(calc(1.625rem + (36 - 26) * ((var(--cw) - 26.25rem) / (1620 - 420))), 2.25rem));
		}

		h2,h3 {
			line-height: 1.2em;
		}

		h3 {
			font-size: max(1.5rem, min(calc(1.5rem + (32 - 24) * ((100vw - 26.25rem) / (1620 - 420))), 2rem));
			font-size: max(1.5rem, min(calc(1.5rem + (32 - 24) * ((var(--cw) - 26.25rem) / (1620 - 420))), 2rem));
		}

		h4 {
			font-size: max(1.375rem, min(calc(1.375rem + (28 - 22) * ((100vw - 26.25rem) / (1620 - 420))), 1.75rem));
			font-size: max(1.375rem, min(calc(1.375rem + (28 - 22) * ((var(--cw) - 26.25rem) / (1620 - 420))), 1.75rem));
		}

		h4,h5 {
			line-height: 1.2em;
		}

		h5 {
			font-size: max(1.25rem, min(calc(1.25rem + (24 - 20) * ((100vw - 26.25rem) / (1620 - 420))), 1.5rem));
			font-size: max(1.25rem, min(calc(1.25rem + (24 - 20) * ((var(--cw) - 26.25rem) / (1620 - 420))), 1.5rem));
		}

		h6 {
			line-height: 1.2em;
			font-size: max(1.1875rem, min(calc(1.1875rem + (21 - 19) * ((100vw - 26.25rem) / (1620 - 420))), 1.3125rem));
			font-size: max(1.1875rem, min(calc(1.1875rem + (21 - 19) * ((var(--cw) - 26.25rem) / (1620 - 420))), 1.3125rem));
		}

		p,
		ul.wp-block-list,
		ol.wp-block-list,
		blockquote,
		code,
		pre {
			line-height: 1.35em;
			font-size: max(1.0625rem, min(calc(1.0625rem + (19 - 17) * ((100vw - 26.25rem) / (1620 - 420))), 1.1875rem));
			font-size: max(1.0625rem, min(calc(1.0625rem + (19 - 17) * ((var(--cw) - 26.25rem) / (1620 - 420))), 1.1875rem));
		}
	}
}

/**
 * Visibility
 */

.u-visible {
	opacity: 1 !important;
	visibility: visible !important;
}

.u-invisible {
	opacity: 0 !important;
	visibility: hidden !important;
}

/**
 * Hide the current element from all
 */

.u-screen-reader {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	height: 1px;
	word-wrap: normal !important;
}

/**
 * Hide the current element from all
 */

.u-hidden {
	display: none !important;
	visibility: hidden !important;
}

/* Elements */

.e-media {
	overflow: hidden;
	position: relative;

	.background-overlay {
		z-index: 1;
	}

	img,
	picture,
	video {
		z-index: 0;
	}
}

.e-post-thumb {
	align-items: stretch;
	background-color: #fff;
	border-radius: 12px;
	color: #344237;
	color: var(--color--3);
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
	max-width: calc(100% - (4.5vw / 2));
	max-width: calc(100% - calc(4.5vw / 2));
	max-width: calc(100% - var(--grid-gap));
	opacity: 1;
	padding: 16px;
	row-gap: 20px;
	width: 100%;
	height: auto;
	transition-property: opacity, outline-width !important;
	transition-duration: 0.3s, 0.15s !important;
	transition-duration: var(--transition-duration), var(--outline-transition-duration) !important;
	transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
	transition-timing-function: var(--transition-easing) !important;
	outline: 0 solid rgba(255, 255, 255, 0.3);

	&.swiper-slide {
		display: inline-flex !important;
		height: auto !important;
	}

	&:focus-visible {
		outline-width: 6px;
	}

	.item_image {
		aspect-ratio: 460 / 200;
		background-color: #eee;
		border-radius: 8px;
		color: transparent;
		font-size: 0;
		overflow: hidden;
		position: relative;
		width: 100%;
		height: auto;
	}

	.item_meta {
		align-items: center;
		flex: 0 0 auto;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.meta_type {
		font-family: var(--family--3);
		font-size: 0.875rem;
		padding-left: 20px;
		position: relative;
		text-transform: uppercase;

		&::before {
			background: #98523c;
			background: var(--color--1);
			content: '';
			margin-top: auto;
			margin-bottom: auto;
			top: 0;
			bottom: 0;
			left: 0;
			position: absolute;
			width: 8px;
			height: 8px;
		}
	}

	.meta_date {
		color: rgba(52, 66, 55, 0.6);
		color: rgba(var(--rgb--3), 0.6);
		font-family: var(--family--3);
		font-size: max(0.9375rem, min(calc(0.9375rem + (18 - 15) * ((100vw - 26.25rem) / (1620 - 420))), 1.125rem));
		font-size: max(0.9375rem, min(calc(0.9375rem + (18 - 15) * ((var(--cw) - 26.25rem) / (1620 - 420))), 1.125rem));
		line-height: 1em;
		text-transform: uppercase;
	}

	.item_title {
		color: #344237;
		color: var(--color--3);
		flex: 1 1 auto;
		font-size: max(1.0625rem, min(calc(1.0625rem + (19 - 17) * ((100vw - 26.25rem) / (1620 - 420))), 1.1875rem));
		font-size: max(1.0625rem, min(calc(1.0625rem + (19 - 17) * ((var(--cw) - 26.25rem) / (1620 - 420))), 1.1875rem));
		line-height: 1.2em;
		min-height: 120px;
		transition: color 0.3s cubic-bezier(0.25, 1, 0.5, 1);
		transition: color var(--transition-duration) var(--transition-easing);
	}

	.item_foot {
		align-items: flex-end;
		-moz-column-gap: 8px;
		     column-gap: 8px;
		display: flex;
		flex: 0 0 auto;
		justify-content: space-between;
		width: 100%;

		.foot_tags {
			align-items: flex-end;
			display: inline-flex;
			flex: 1 1 auto;
			flex-wrap: wrap;
			justify-items: flex-start;
			gap: 4px;
		}

		.tags_item {
			align-items: center;
			background: #a0ae8d;
			background: var(--color--4);
			border-radius: 4px;
			color: #344237;
			color: var(--color--3);
			display: inline-flex;
			font-family: var(--family--3);
			line-height: 1em;
			font-size: 0.875rem;
			min-height: 28px;
			padding: 4px 8px;
			text-transform: uppercase;
			transition: background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1);
			transition: background-color var(--transition-duration) var(--transition-easing);
		}

		.foot_btn {
			--icon: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2710%27 fill=%27none%27 viewBox=%270 0 11 10%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27M1.724.125a.75.75 0 0 0 0 1.5h6.442L1.198 8.594a.75.75 0 0 0 1.06 1.06L9.224 2.69v6.436a.75.75 0 0 0 1.5 0V.95a.749.749 0 0 0-.775-.826H1.724Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
			aspect-ratio: 1;
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
			background-color: #98523c;
			background-color: var(--color--1);
			background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2710%27 fill=%27none%27 viewBox=%270 0 11 10%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27M1.724.125a.75.75 0 0 0 0 1.5h6.442L1.198 8.594a.75.75 0 0 0 1.06 1.06L9.224 2.69v6.436a.75.75 0 0 0 1.5 0V.95a.749.749 0 0 0-.775-.826H1.724Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2710%27 fill=%27none%27 viewBox=%270 0 11 10%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27M1.724.125a.75.75 0 0 0 0 1.5h6.442L1.198 8.594a.75.75 0 0 0 1.06 1.06L9.224 2.69v6.436a.75.75 0 0 0 1.5 0V.95a.749.749 0 0 0-.775-.826H1.724Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
			background-image: var(--icon), var(--icon);
			background-position: center, left -12px bottom -11px;
			background-repeat: no-repeat;
			border-radius: 8px;
			box-shadow: none;
			color: transparent;
			cursor: pointer;
			flex: 0 0 40px;
			font-size: 0;
			outline: none;
			width: 40px;
			height: 40px;
			transform: scale(1);
			transform-origin: center;
			transition-duration: 0.3s;
			transition-duration: var(--transition-duration);
			transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
			transition-timing-function: var(--transition-easing);
			transition-property: background-color, background-position, border-radius, transform;
			-webkit-user-select: none;
			   -moz-user-select: none;
			        user-select: none;
			z-index: 1;
		}
	}

	/**
	 * Desktop
	 */
	@media (min-width: 1025px) and (hover: hover) {
		&:hover,
		&:focus-visible {
			.item_title {
				color: #98523c;
				color: var(--color--1);
			}

			.item_foot .tags_item {
				background-color: #dbe0f7 !important;
			}

			.item_foot .foot_btn {
				background-color: #98523c;
				background-color: var(--color--1);
				background-position: top -11px right -12px, center;
				border-radius: 6px;
				transform: scale(1.075);
			}
		}
	}
}


/*# sourceMappingURL=app.css.map*/