/*!
Theme Name: lptheme
Description: Clean Starter Theme
Version: 5.0.0
Tested up to: 8.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lptheme
Tags: custom-background, custom-logo, custom-menu, featured-images, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url(fonts/HelveticaNeueCyr-Roman.woff2) format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url(fonts/HelveticaNeueCyr-Medium.woff2) format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url(fonts/HelveticaNeueCyr-Bold.woff2) format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url(fonts/HelveticaNeueBoldCondensed.woff2) format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-family: 'HelveticaNeueCyr', system-ui;
	--font-second: 'Helvetica Neue', system-ui;
	--root-size: 20px;
	--primary: #de2127;
	--white: #ffffff;
	--black: #18191d;
	--gray: #565656;
	--gray-2: #7b8181;
	--gray-3: #d1d2d2;
	--blue-bg: #e6e6e6;
	--light-gray: #e6e6e6;
	--gap-1: 10px;
	--gap-2: min(20px, calc(15px + 5 * (100vw - 320px) / 1640));
	--gap-3: min(30px, calc(15px + 15 * (100vw - 320px) / 1640));
	--gap-4: min(40px, calc(20px + 20 * (100vw - 320px) / 1640));
	--gap-5: min(50px, calc(30px + 20 * (100vw - 320px) / 1640));
	--gap-6: min(60px, calc(40px + 20 * (100vw - 320px) / 1640));
	--gap-7: min(70px, calc(50px + 30 * (100vw - 320px) / 1640));
	--gap-8: min(80px, calc(50px + 30 * (100vw - 320px) / 1640));
	--gap-9: min(90px, calc(60px + 30 * (100vw - 320px) / 1640));
	--gap-10: min(100px, calc(60px + 40 * (100vw - 320px) / 1640));
	--gap-12: min(120px, calc(70px + 50 * (100vw - 320px) / 1640));
	--gap-xl: min(240px, calc(90px + 150 * (100vw - 320px) / 1640));
	--index: calc(1vw + 1vh);
	--b-sm: 10px;
	--b-lg: 20px;
	--b-xl: 40px;
	--header-h: 90px;
}

@layer base, layouts, typography, custom, responsive;

@layer base {
	*,
	::after,
	::before {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		margin: 0;
		padding: 0;
		vertical-align: baseline;
		outline: 0;
	}
	::after,
	::before {
		pointer-events: none;
	}

	* {
		scrollbar-width: thin;
	}
	.loading {
		cursor: wait;
	}
	.aside-panel {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		max-width: 700px;
		transform: translate(120%, 0);
		-webkit-transform: translate(120%, 0);
		z-index: 997;
		pointer-events: none;
	}
	.panel-fill {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 973;
		height: 100vh;
		width: 100%;
		max-width: 700px;
		transform-origin: right center;
		background-color: #fff;
		transform: translate3d(120%, 0, 0);
		-webkit-transform: translate3d(120%, 0, 0);
		pointer-events: none;
		border-top-left-radius: 50%;
		border-bottom-left-radius: 50%;
	}
	.aside-panel,
	.panel-fill {
		transition: all 0.8s cubic-bezier(0.19, 1, 0.56, 1);
		-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.56, 1);
	}

	html {
		font-size: var(--root-size);
		font-family: var(--font-family);
		font-weight: 400;
		line-height: 1.4;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-font-smoothing: antialiased;
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
		-webkit-overflow-scrolling: touch;
		font-kerning: none;
		font-variant-ligatures: none;
		overscroll-behavior: none;
		scroll-behavior: auto;
	}

	.lenis.lenis-smooth [data-lenis-prevent] {
		overscroll-behavior: contain;
	}
	.lenis.lenis-stopped {
		overflow: hidden;
	}
	.lenis.lenis-scrolling iframe {
		pointer-events: none;
	}
	body {
		color: var(--black);
		background-color: var(--white);
		min-width: 280px;
		margin: 0 auto;
	}

	h6,
	.h6,
	h5,
	.h5,
	h4,
	.h4,
	h3,
	.h3,
	h2,
	.h2,
	h1,
	.h1 {
		margin-top: 0;
		margin-bottom: 0.5rem;
		font-weight: 500;
		line-height: 1.2;
		text-wrap: balance;
	}

	p {
		text-wrap: pretty;
	}

	p:not(:last-child) {
		margin-top: 0;
		margin-bottom: 1rem;
	}
	p:last-child {
		margin-bottom: 0;
	}

	svg:not(:root) {
		overflow: hidden;
	}

	input[type='date'],
	input[type='time'],
	input[type='datetime-local'],
	input[type='week'],
	input[type='month'],
	input[type='text'],
	input[type='email'],
	input[type='url'],
	input[type='password'],
	input[type='search'],
	input[type='tel'],
	input[type='number'],
	textarea {
		width: 100%;
		color: var(--black);
		font-weight: bold;
		line-height: 0;
		letter-spacing: -0.02em;
		height: min(90px, calc(46px + 44 * (100vw - 320px) / 1640));
		padding: 2rem;
		border: 1px solid var(--gray-3);
		border-radius: var(--b-sm);
		background: none;
	}
	textarea {
		height: auto;
		padding-top: 1.2rem;
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		border: none;
		-webkit-text-fill-color: var(--black);
		-webkit-box-shadow: 0 0 0 1000px var(--gray-3) inset;
		transition: background-color 5000s ease-in-out 0;
	}

	input[type='number'] {
		-moz-appearance: textfield;
	}

	textarea {
		resize: none;
		overflow: auto;
		vertical-align: top;
	}

	a {
		color: var(--black);
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	a:hover {
		color: var(--black);
	}

	a:not([href]):not([class]),
	a:not([href]):not([class]):hover {
		color: inherit;
		text-decoration: none;
	}

	a:hover,
	a:focus,
	a:active,
	input[type='date']:focus,
	input[type='time']:focus,
	input[type='datetime-local']:focus,
	input[type='week']:focus,
	input[type='month']:focus,
	input[type='text']:focus,
	input[type='email']:focus,
	input[type='url']:focus,
	input[type='password']:focus,
	input[type='search']:focus,
	input[type='tel']:focus,
	input[type='number']:focus,
	textarea:focus {
		color: var(--black);
	}

	address {
		margin-bottom: 1rem;
		font-style: normal;
		line-height: inherit;
	}

	[tabindex='-1']:focus:not(:focus-visible) {
		outline: 0 !important;
	}

	hr {
		margin: 1rem 0;
		color: inherit;
		background-color: currentColor;
		border: 0;
		opacity: 0.25;
	}

	hr:not([size]) {
		height: 1px;
	}

	ul {
		list-style: none;
	}

	ol,
	ul,
	dl {
		margin: 0;
		padding: 0;
	}

	ol ol,
	ul ul,
	ol ul,
	ul ol {
		margin-bottom: 0;
	}

	dt {
		font-weight: 700;
	}

	dd {
		margin-bottom: 0.5rem;
		margin-left: 0;
	}

	blockquote {
		line-height: 1.3;
		overflow: hidden;
		margin-bottom: var(--gap-3);
	}

	blockquote > :last-child {
		margin-bottom: 0;
	}

	blockquote p {
		margin-bottom: 0.875em;
	}

	b,
	strong {
		font-weight: bolder;
	}

	small,
	.small {
		font-size: 0.875em;
	}

	mark,
	.mark {
		padding: 0;
		color: var(--primary);
		background: none;
	}

	sub,
	sup {
		position: relative;
		font-size: 0.75em;
		line-height: 0;
	}

	sub {
		bottom: -0.25em;
	}

	sup {
		top: -0.5em;
	}

	pre,
	code,
	kbd,
	samp {
		font-size: 1em;
		direction: ltr;
		unicode-bidi: bidi-override;
	}

	picture {
		contain: content;
		display: block;
		overflow: hidden;
		overflow: clip;
	}

	img,
	video {
		display: block;
		height: auto;
		width: 100%;
		border-radius: var(--b-sm);
	}
	img {
		object-fit: cover;
		pointer-events: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	iframe,
	picture {
		height: 100%;
		width: 100%;
	}

	table {
		border-collapse: inherit;
		border-spacing: 10px;
		border-width: 0;
		margin: 0;
		table-layout: fixed;
		width: 100%;
	}

	caption,
	th,
	td {
		position: relative;
	}

	th,
	td {
		border-width: 0 1px 1px 0;
		font-weight: 400;
		text-align: left;
	}

	caption {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		text-align: left;
	}

	label {
		display: inline-block;
	}

	button {
		border-radius: 0;
	}

	input,
	button,
	select,
	optgroup,
	textarea {
		margin: 0;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
	}

	button,
	select {
		text-transform: none;
	}

	[role='button'] {
		cursor: pointer;
	}

	select {
		word-wrap: normal;
	}

	[list]::-webkit-calendar-picker-indicator {
		display: none;
	}

	button:not(:disabled) {
		appearance: none;
		-webkit-appearance: none;
	}
	button,
	.btn {
		position: relative;
		cursor: pointer;
		-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
	}

	::-moz-focus-inner {
		padding: 0;
		border-style: none;
	}

	::-webkit-datetime-edit-fields-wrapper,
	::-webkit-datetime-edit-text,
	::-webkit-datetime-edit-minute,
	::-webkit-datetime-edit-hour-field,
	::-webkit-datetime-edit-day-field,
	::-webkit-datetime-edit-month-field,
	::-webkit-datetime-edit-year-field {
		padding: 0;
	}

	::-webkit-inner-spin-button {
		display: none;
	}

	input::placeholder,
	::-webkit-input-placeholder {
		color: var(--black);
	}

	.section-cta input::placeholder,
	.section-cta ::-webkit-input-placeholder {
		color: var(--white);
	}

	[type='search'] {
		outline-offset: -2px;
		-webkit-appearance: textfield;
	}

	::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	::-webkit-color-swatch-wrapper {
		padding: 0;
	}

	::file-selector-button {
		font: inherit;
	}

	::-webkit-file-upload-button {
		font: inherit;
		-webkit-appearance: button;
	}

	::selection {
		color: var(--black);
		background-color: var(--primary);
	}

	output {
		display: inline-block;
	}

	iframe {
		border: 0;
	}
	.article-content iframe {
		min-height: 350px;
		margin-top: 1.6rem;
	}
	.article-content a{
	color: blue;
    text-decoration: underline;
}

	summary {
		display: list-item;
		cursor: pointer;
	}
}

@layer layouts {
	.container {
		position: relative;
		margin-inline: auto;
		width: min(100% - 20px, 1840px);
	}
	@media (min-width: 576px) {
		.container {
			width: min(100% - 40px, 1840px);
		}
	}

	@media (min-width: 1200px) {
		.container {
			width: min(100% - 60px, 1840px);
		}
		.w-half {
			max-width: 376px;
		}
	}
	@media (min-width: 1400px) {
		.container {
			width: min(100% - 80px, 1840px);
		}
	}
	.hidden,
	[hidden] {
		display: none;
	}
	.flex {
		display: flex;
	}
	.flex-col {
		flex-direction: column;
	}
	.flex-wrap {
		flex-wrap: wrap;
	}
	.items-center {
		align-items: center;
	}
	.items-start {
		align-items: flex-start;
	}
	.items-end {
		align-items: flex-end;
	}
	.justify-end {
		justify-content: flex-end;
	}
	.justify-center {
		justify-content: center;
	}
	.justify-between {
		justify-content: space-between;
	}
	.place-items-center {
		justify-content: center;
		align-items: center;
	}
	.col.basis-full {
		flex-basis: 100%;
	}
	.o-hidden {
		overflow: hidden;
	}
	.grid {
		display: grid;
		grid-auto-flow: dense;
		gap: var(--gap-3);
	}
	.two-cols {
		grid-template-columns: repeat(2, 1fr);
	}
	.three-cols {
		grid-template-columns: repeat(3, 1fr);
	}
	.four-cols {
		grid-template-columns: repeat(4, 1fr);
	}
	.gap-1 {
		gap: var(--gap-1);
	}
	.gap-2 {
		gap: var(--gap-2);
	}
	.gap-3 {
		gap: var(--gap-3);
	}
	.gap-4 {
		gap: var(--gap-4);
	}
	.gap-5 {
		gap: var(--gap-5);
	}
	.gap-6 {
		gap: var(--gap-6);
	}
	.gap-8 {
		gap: var(--gap-8);
	}
	.gap-9 {
		gap: var(--gap-9);
	}
	.gap-10 {
		gap: var(--gap-10);
	}
	.gap-12 {
		gap: var(--gap-12);
	}
	.m-0 {
		margin: 0;
	}
	.mt-1 {
		margin-top: var(--gap-1);
	}
	.mt-3 {
		margin-top: var(--gap-3);
	}
	.mt-5 {
		margin-top: var(--gap-5);
	}
	.mt-6 {
		margin-top: var(--gap-6);
	}
	.mt-8 {
		margin-top: var(--gap-8);
	}
	.mt-10 {
		margin-top: var(--gap-10);
	}
	.mb-3 {
		margin-bottom: var(--gap-3);
	}
	.mb-4 {
		margin-bottom: var(--gap-4);
	}
	.mb-6 {
		margin-bottom: var(--gap-6);
	}
	.mb-8 {
		margin-bottom: var(--gap-8);
	}
	.mb-9 {
		margin-bottom: var(--gap-9);
	}
	.mb-10 {
		margin-bottom: var(--gap-10);
	}
	.mb-12 {
		margin-bottom: var(--gap-12);
	}

	.mt-9 {
		margin-top: var(--gap-9);
	}
	.mt-12 {
		margin-top: var(--gap-12);
	}
	.pt-9 {
		padding-top: var(--gap-9);
	}
	.relative {
		position: relative;
	}
	.z-1 {
		z-index: 1;
	}
	.z-2 {
		z-index: 2;
	}
	.w-full {
		width: 100%;
	}
	.h-full {
		height: 100%;
	}
	.h-screen {
		height: 100vh;
	}
	.font-bold {
		font-weight: 700;
	}
	.text-center {
		text-align: center;
	}
	.section {
		position: relative;
		padding: var(--gap-12) 0;
	}
	.section.pt0 {
		padding-top: 0;
	}
	.section.pb0 {
		padding-bottom: 0;
	}
	.section-page {
		padding-top: var(--gap-8);
	}

	@media (min-width: 640px) {
		.sm\:flex {
			display: flex;
		}
		.sm\:hidden {
			display: none;
		}
	}
	@media (min-width: 768px) {
		.md\:flex {
			display: flex;
		}
		.md\:hidden {
			display: none;
		}
	}
	@media (min-width: 1024px) {
		.lg\:flex {
			display: flex;
		}
		.lg\:hidden {
			display: none;
		}
	}
	@media (min-width: 1280px) {
		.xl\:flex {
			display: flex;
		}
		.xl\:hidden {
			display: none;
		}
	}
}

@layer typography {
	.heading {
		font-size: min(100px, calc(35px + 65 * (100vw - 320px) / 1640));
	}
	.second-heading,
	h2 {
		font-size: min(60px, calc(25px + 35 * (100vw - 320px) / 1640));
	}

	.heading,
	.second-heading,
	h2 {
		font-family: var(--font-second);
		font-weight: bold;
		line-height: 1;
		letter-spacing: -0.01em;
	}

	.subheading,
	h3 {
		font-family: var(--font-second);
		font-size: min(34px, calc(22px + 12 * (100vw - 320px) / 1640));
		font-weight: bold;
		line-height: 1.1;
	}

	.second-subheading {
		font-size: min(26px, calc(20px + 6 * (100vw - 320px) / 1640));
		font-weight: 500;
		line-height: 1.1;
	}
	.subline {
		font-family: var(--font-second);
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: var(--gray-2);
	}
	.title,
	.widget-title,
	.title-sm {
		font-family: var(--font-second);
		font-size: min(29px, calc(20px + 9 * (100vw - 320px) / 1640));
		font-weight: bold;
		line-height: 1.05;
	}
	.title-sm {
		font-size: min(23px, calc(18px + 5 * (100vw - 320px) / 1640));
	}

	.heading,
	.second-heading,
	.subheading,
	.second-subheading,
	.title,
	.title-sm {
		text-wrap: balance;
	}

	.btn {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		font-weight: bold;
		line-height: 0.9;
		letter-spacing: -0.02em;
		border-radius: 0;
		height: min(90px, calc(46px + 44 * (100vw - 320px) / 1640));
		padding: 2rem;
		color: var(--white);
		background-color: var(--black);
		text-decoration: none;
		border-radius: var(--b-sm);
		overflow: hidden;
		z-index: 1;
		border: 1px solid transparent;
		user-select: none;
	}
	.btn-arrow,
	.share-icon {
		position: absolute;
		top: var(--gap-1);
		top: 50%;
		right: 0.8em;
		background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_154_1347)'%3E%3Cpath d='M1.33301 1.33325L14.6663 14.6666' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M14.6663 1.33325V14.6666H1.33301' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_154_1347'%3E%3Crect width='16' height='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
		transform: translateY(-50%);
		background-color: rgba(255, 255, 255, 0.1);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 0.8rem;
		border-radius: var(--b-sm);
		width: var(--gap-6);
		height: var(--gap-6);
		transition: 0.3s ease;
	}
	.share-icon {
		background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_290_2690)'%3E%3Cpath d='M12.5 6C13.7426 6 14.75 4.99264 14.75 3.75C14.75 2.50736 13.7426 1.5 12.5 1.5C11.2574 1.5 10.25 2.50736 10.25 3.75C10.25 4.99264 11.2574 6 12.5 6Z' stroke='%2318191D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3.5 11.25C4.74264 11.25 5.75 10.2426 5.75 9C5.75 7.75736 4.74264 6.75 3.5 6.75C2.25736 6.75 1.25 7.75736 1.25 9C1.25 10.2426 2.25736 11.25 3.5 11.25Z' stroke='%2318191D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12.5 16.5C13.7426 16.5 14.75 15.4926 14.75 14.25C14.75 13.0074 13.7426 12 12.5 12C11.2574 12 10.25 13.0074 10.25 14.25C10.25 15.4926 11.2574 16.5 12.5 16.5Z' stroke='%2318191D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.44238 10.1325L10.5649 13.1175' stroke='%2318191D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.5574 4.88251L5.44238 7.86751' stroke='%2318191D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_290_2690'%3E%3Crect width='15.75' height='18' fill='white' transform='translate(0.125)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
		background-color: var(--blue-bg);
	}
	.btn span {
		z-index: 1;
	}
	.btn.btn-outline,
	.small-btn.btn-outline {
		background-color: var(--white);
		border: 1px solid var(--black);
		color: var(--black);
	}
	.btn.btn-primary {
		background-color: var(--primary);
	}
	.btn.btn-white {
		background-color: var(--white);
		color: var(--black);
	}
	.bg-black {
		background-color: var(--black);
	}
	.bg-primary {
		background-color: var(--primary);
	}
	.bg-gray {
		background-color: var(--blue-bg);
	}
	.bg-gray-2 {
		background-color: var(--gray-2);
	}
	.bg-white {
		background-color: var(--white);
	}
	.color-white {
		color: var(--white);
	}
	.color-black {
		color: var(--black);
	}
	.color-gray {
		color: var(--gray-2);
	}
	.color-gray-2 {
		color: var(--gray-3);
	}
}

@layer custom {
	@keyframes fadeIn {
		0% {
			opacity: 0;
			transform: translateY(2rem);
			will-change: transform;
		}
		100% {
			opacity: 1;
			transform: translateY(0);
			will-change: auto;
		}
	}
	main {
		margin-top: var(--header-h);
		animation-delay: 1s;
		animation: fadeIn 1s ease;
	}
	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 600;
		opacity: 0;
		visibility: hidden;
		background: rgba(0, 0, 0, 0.6);
		transition: 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	}

	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		display: flex;
		align-items: center;
		background-color: var(--gray);
		padding: 0.6rem 0;
		height: var(--header-h);
		z-index: 100;
		transition: 0.8s ease-in-out;
	}
	.header.scrolled {
		background-color: rgb(86 86 86 / 60%);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}

	.header-grid {
		grid-template-columns: 1fr 3fr;
	}
	.descriptor {
		font-weight: 400;
		font-size: 0.8rem;
		line-height: 1.24;
		color: var(--blue-bg);
		max-width: 10.5rem;
	}

	.main-nav > ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		gap: var(--gap-4);
	}
	.main-nav a {
		position: relative;
		display: flex;
		gap: 10px;
		align-items: center;
		padding: 0.8rem 0;
		font-weight: 500;
		line-height: 1;
		color: var(--white);
	}
	.main-nav a::after,
	.main-nav a::before {
		position: absolute;
		width: 100%;
		height: 1px;
		background: currentColor;
		top: 80%;
		left: 0;
		pointer-events: none;
	}
	.main-nav a::before {
		content: '';
		transform-origin: 100% 50%;
		transform: scale3d(0, 1, 1);
		transition: transform 0.5s;
	}
	.language a {
		position: relative;
		top: 0.1em;
		color: var(--white);
		letter-spacing: -0.02em;
		text-align: center;
		font-weight: bold;
		font-size: 0.8rem;
	}
	.socials {
		gap: 0.9rem;
	}
	.lang-item,
	.social-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 2.4rem;
		min-width: 2.4rem;
		height: 2.4rem;
		border-radius: 50%;
		border: 1px solid var(--white);
		transform: scale(1);
		transition: 0.3s ease;
	}
	.facebook {
		background: url("data:image/svg+xml,%3Csvg width='9' height='18' viewBox='0 0 9 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.426 3.65386H8.64V0.359863H6.021C2.862 0.494863 2.214 2.27686 2.16 4.13986V5.78686H0V8.99986H2.16V17.6399H5.4V8.99986H8.073L8.586 5.78686H5.4V4.78786C5.39134 4.64568 5.41115 4.5032 5.45829 4.36878C5.50543 4.23436 5.57894 4.11071 5.67451 4.00509C5.77008 3.89946 5.88578 3.81398 6.01483 3.75367C6.14387 3.69336 6.28366 3.65942 6.426 3.65386Z' fill='white' /%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		width: 1em;
		height: 1em;
	}
	.youtube {
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EYoutube%3C/title%3E%3Cdesc%3EA solid styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' d='M50.708 9H13.292A13.25 13.25 0 0 0 0 22.207v18.586A13.25 13.25 0 0 0 13.292 54h37.416A13.25 13.25 0 0 0 64 40.793V22.207A13.25 13.25 0 0 0 50.708 9zm-8.989 23.4l-17.501 8.3a.7.7 0 0 1-1.005-.63V22.962a.7.7 0 0 1 1.02-.623l17.5 8.812a.7.7 0 0 1-.015 1.253zm0 0' fill='white' %3E%3C/path%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		width: 1em;
		height: 1em;
	}
	.menu-item-has-children {
		position: relative;
		padding-right: var(--gap-2);
	}
	.menu-item-has-children::after {
		content: '';
		position: absolute;
		background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M1 4L6.23374 10L11.4727 4' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		right: 0;
		top: 50%;
		transform: translateY(-72%);
		width: 13px;
		height: 10px;
	}
	.sub-menu {
		position: absolute;
		left: 0;
		width: 17rem;
		display: flex;
		gap: 0;
		flex-direction: column;
		align-items: flex-start;
		margin: 0;
		padding: var(--gap-4);
		background-color: var(--white);
		transform: translateY(15px);
		-webkit-transform: translateY(15px);
		border-radius: var(--b-sm);
		box-shadow: 0 9px 40px -12px rgba(86, 86, 86, 0.25);
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.2s ease, visibility 0.2s ease,
			-webkit-transform 0.2s ease;
		transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
		transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease,
			-webkit-transform 0.2s ease;
		pointer-events: none;
		z-index: 10;
	}

	.sub-menu a {
		padding-block: 0.4rem;
		line-height: 1.2;
		color: var(--gray-2);
		cursor: pointer;
		transition: 0.3s ease;
	}
	.breadcrumbs {
		display: inline-flex;
		gap: 1rem;
		color: var(--gray-2);
		font-size: 0.8rem;
	}
	.breadcrumbs * {
		color: var(--gray-2);
	}
	.breadcrumbs > span:first-child:before {
		content: '';
		position: relative;
		top: 0.044em;
		background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		margin-right: var(--gap-1);
		width: 0.8em;
		height: 0.8em;
		display: inline-flex;
		opacity: 0.4;
	}

	button.burger {
		position: relative;
		width: 30px;
		height: 20px;
		display: grid;
		align-items: center;
		gap: 4px;
		padding: 10px 0;
		background: none;
		border: 0;
	}
	button.burger span {
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: var(--white);
		transition: all 0.4s;
	}
	.burger span:nth-of-type(1) {
		top: 0;
	}
	.burger span:nth-of-type(3) {
		bottom: 0;
	}
	.burger.is-open span:nth-of-type(2) {
		opacity: 0;
	}
	.burger.is-open span:nth-of-type(1) {
		-webkit-transform: translateY (20px) rotate (-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	.burger.is-open span:nth-of-type(3) {
		-webkit-transform: translateY(-20px) rotate(45deg);
		transform: translateY(-20px) rotate(45deg);
	}
	.ornament-sm {
		max-width: 9.2rem;
	}

	/* hero */
	.section-hero {
		height: calc(100vh - var(--header-h));
		min-height: 30rem;
	}
	.hero-content {
		max-width: 36rem;
	}
	.hero-content__subheading {
		max-width: 15rem;
	}
	.btn-play {
		position: absolute;
		top: 50%;
		left: 50%;
		width: min(200px, calc(70px + 130 * (100vw - 320px) / 1640));
		height: min(200px, calc(70px + 130 * (100vw - 320px) / 1640));
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0.2);
		border: 1px solid var(--white);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 4;
		transform: translate(-50%, -50%);
		cursor: none;
		transition: none;
	}
	.btn-play svg {
		position: relative;
		left: 0.2em;
	}
	.ornament {
		position: absolute;
		right: 0;
		top: 0;
		max-width: 11rem;
	}

	.absolute-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		z-index: 0;
		pointer-events: none;
		overflow: hidden;
	}
	.absolute-bg::before {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(
			180deg,
			rgba(24, 25, 29, 0.32) 0%,
			rgba(24, 25, 29, 0.6) 100%
		);
	}

	.absolute-bg img {
		object-fit: cover;
		object-position: top;
		width: 100%;
		height: 100%;
		max-width: 100%;
		border-radius: 0;
	}
	.basic-grid {
		grid-template-columns: 1fr 3fr;
	}
	.subline {
		position: relative;
	}
	.subline::after {
		content: ']';
		position: relative;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		margin-left: var(--gap-4);
		bottom: 0.09em;
	}

	.info-number {
		padding-left: var(--gap-3);
		padding-top: var(--gap-3);
		border-left: 1px solid var(--black);
	}
	.number {
		font-weight: 400;
		font-size: min(140px, calc(50px + 90 * (100vw - 320px) / 1640));
		letter-spacing: -0.04em;
		line-height: 0.7;
	}
	.section-about img {
		aspect-ratio: 4 / 3;
	}
	.span-2 {
		grid-column: span 2;
	}
	.border-sm {
		border-radius: var(--b-sm);
	}
	.bg-placeholder {
		width: 100%;
		height: 100%;
		aspect-ratio: 4 / 3;
	}

	/* projects */
	.post-card {
		position: relative;
		min-height: min(575px, calc(300px + 275 * (100vw - 320px) / 1640));
		overflow: hidden;
		border-radius: var(--b-sm);
	}

	.post-media a {
		color: var(--white);
	}

	.home .post-media {
		grid-column: span 2;
	}

	.post-media p {
		color: var(--gray-2);
	}

	.post-card:nth-child(odd) {
		background-color: var(--gray-3);
	}

	.post-media .post-card__content {
		position: absolute;
		bottom: 0;
		left: 0;
		color: var(--white);
		flex-direction: row;
		align-items: flex-end;
	}

	.post-card__link,
	.page-numbers {
		border: 1px solid var(--black);
		border-radius: var(--b-sm);
		height: min(62px, calc(50px + 10 * (100vw - 320px) / 1640));
		width: min(62px, calc(50px + 10 * (100vw - 320px) / 1640));
		min-width: min(62px, calc(50px + 10 * (100vw - 320px) / 1640));
		display: flex;
		align-items: center;
		justify-content: center;
		transform: rotate(0);
		transition: 0.4s ease;
	}

	.post-media .post-card__link {
		border: 1px solid var(--white);
	}

	.post-card__content {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--gap-3);
		justify-content: space-between;
		padding: var(--gap-3);
		height: 100%;
		width: 100%;
		z-index: 1;
	}

	.post-card img {
		position: absolute;
		display: flex;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.post-media::after,
	.news-card__img::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(to top, rgb(15 15 15 / 78%), transparent);
		z-index: 0;
	}

	.icon-arrow {
		background: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.61108 19.8889L20.3889 2.11113' stroke='%230F0F0F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M20.3889 19.8889V2.11113H2.61108' stroke='%230F0F0F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
			no-repeat center center/contain;
		width: 0.8rem;
		height: 0.8rem;
		display: flex;
		transform: scale(1, -1);
		-webkit-transform: scale(1, -1);
		transition: 0.3s ease;
	}

	.post-media .icon-arrow {
		background: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.61108 19.8889L20.3889 2.11113' stroke='%23f1f1f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M20.3889 19.8889V2.11113H2.61108' stroke='%23f1f1f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
			no-repeat center center/contain;
	}
	.post-tag {
		font-size: 0.8rem;
		border: 1px solid var(--gray);
		border-radius: 6px;
		padding: 7px 10px 5px;
		opacity: 0.6;
		display: inline-block;
		width: max-content;
		line-height: 1;
		z-index: 1;
		max-width: 90%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.post-media .post-tag {
		border: 1px solid var(--white);
	}

	.small-btn {
		font-weight: bold;
		line-height: 0.9;
		text-align: center;
		letter-spacing: -0.02em;
		color: var(--gray-2);
		background: var(--blue-bg);
		border-radius: var(--b-sm);
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		gap: var(--gap-1);
		transition: 0.3s ease;
	}
	.arrow-link {
		background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2022_2374)'%3E%3Cpath d='M0.916992 0.916672L10.0837 10.0833' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.0837 0.916672V10.0833H0.916992' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2022_2374'%3E%3Crect width='11' height='11' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		width: 0.6em;
		height: 0.6em;
	}
	.pagination {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}
	.page-numbers {
		line-height: 1;
		transition: 0.3s ease;
	}
	.page-numbers.current {
		color: var(--primary);
		border: 1px solid var(--primary);
	}
	.icon-arrow.prev {
		transform: scale(-1, -1);
	}
	.opacity {
		opacity: 0.6;
	}
	.section-cta input {
		color: var(--white);
		border: 1px solid rgba(255, 255, 255, 0.5);
	}
	.cta-grid {
		gap: 0;
	}

	.partners-grid {
		padding: var(--gap-3);
	}
	.partners img {
		height: 3.85rem;
		min-height: 5rem;
		max-width: 12rem;
		object-fit: contain;
		margin-inline: auto;
	}

	/* news */
	.news-cat {
		border-bottom: 1px solid var(--black);
		padding-bottom: 0.8rem;
	}
	.news-card__img {
		position: relative;
	}
	.news-card img {
		aspect-ratio: 4/3;
	}
	.news-card__small img {
		width: min(150px, calc(60px + 90 * (100vw - 320px) / 1640));
		height: min(150px, calc(60px + 90 * (100vw - 320px) / 1640));
		min-width: min(150px, calc(60px + 90 * (100vw - 320px) / 1640));
		border-radius: var(--b-sm);
		overflow: hidden;
		aspect-ratio: 1/1;
	}
	.news-card .post-tag {
		position: absolute;
		bottom: var(--gap-3);
		left: var(--gap-3);
		color: var(--white);
		border: 1px solid var(--white);
	}
	.news-card__info p {
		font-size: 0.9em;
	}
	.news-card .post-card__link {
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10%);
		transition: 0.4s ease;
	}

	.cta-grid {
		grid-template-columns: 1fr 2fr;
	}
	.input-group {
		width: 100%;
	}
	.indent {
		text-indent: 33%;
	}

	.content-row {
		padding-block: var(--gap-3);
	}
	.content-row:not(:first-child) {
		border-top: 1px solid var(--black);
	}
	.file {
		background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_332_3865)'%3E%3Cpath d='M15.2 10.3999V13.5999C15.2 14.0242 15.0314 14.4312 14.7314 14.7313C14.4313 15.0313 14.0243 15.1999 13.6 15.1999H2.39999C1.97564 15.1999 1.56868 15.0313 1.26862 14.7313C0.968559 14.4312 0.799988 14.0242 0.799988 13.5999V10.3999' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4 6.3999L8 10.3999L12 6.3999' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M8 10.4V0.800049' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_332_3865'%3E%3Crect width='16' height='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		width: 0.8em;
		height: 0.8em;
	}

	.ornament-about {
		max-width: 21.5rem;
	}
	.accordeon-item {
		user-select: none;
	}
	.accordeon-item__description {
		height: auto;
		overflow: hidden;
		transition: max-height 0.5s ease;
	}
	.accordeon-item__header {
		cursor: pointer;
		transition: 0.3s ease;
	}
	.accordeon-item__btn {
		background: none;
	}
	.accordeon-item__btn .icon-arrow {
		transform: scale(1, -1) rotate(-45deg);
		-webkit-transform: scale(1, -1) rotate(-45deg);
	}
	.accordeon-item__description p {
		margin-top: 1.5rem;
	}
	.accordeon-item.active .post-card__link {
		border: 1px solid var(--primary);
		background-color: var(--primary);
	}
	.accordeon-item.active .post-card__link .icon-arrow {
		filter: invert(1);
		-webkit-filter: invert(1);
		transform: scale(1, 1) rotate(-45deg);
		-webkit-transform: scale(1, 1) rotate(-45deg);
	}
	.truncated-text {
		display: inline-block;
	}
	.announ-description {
		display: inline-block;
	}
	.announ-description p {
		margin: 0;
	}
	.accordeon-item.active .ellipsis {
		display: none;
	}
	.team-member__info {
		gap: 5px;
	}
	.ornament-team {
		max-width: 22vw;
	}
	.announcements-grid {
		padding-block: var(--gap-6);
		grid-template-columns: 1fr 1fr 2fr;
	}
	.feed-icon {
		background: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.625 12.375C16.625 12.7949 16.4582 13.1977 16.1613 13.4946C15.8643 13.7915 15.4616 13.9583 15.0417 13.9583H5.54167L2.375 17.125V4.45833C2.375 4.03841 2.54181 3.63568 2.83875 3.33875C3.13568 3.04181 3.53841 2.875 3.95833 2.875H15.0417C15.4616 2.875 15.8643 3.04181 16.1613 3.33875C16.4582 3.63568 16.625 4.03841 16.625 4.45833V12.375Z' stroke='%2318191D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		width: 0.8em;
		height: 0.8em;
	}

	.small-btn.btn-outline {
		max-width: 12rem;
		background: none;
	}
	.btn-respond {
		color: var(--black);
	}
	.section-cta::before {
		content: '';
		position: absolute;
		top: 0;
		transform: translateY(-100%);
		height: 2.45rem;
		width: 100%;
		background: url('images/orn_pattern.svg') repeat-x 50% 50% / contain;
	}
	.black-icon {
		border: 1px solid var(--black);
	}
	.black-icon i {
		filter: invert(1);
		-webkit-filter: invert(1);
	}
	.contact-item p {
		margin-bottom: 5px;
	}
	.map {
		max-width: 32rem;
	}

	.article-img .post-date {
		position: absolute;
		top: var(--gap-3);
		left: var(--gap-3);
		border-radius: var(--b-sm);
		color: var(--white);
		font-family: var(--second-family);
		font-weight: bold;
		line-height: 1;
		padding: 0.8em;
		padding-bottom: 0.7em;
		background: var(--primary);
	}
	.small-container {
		display: grid;
		grid-auto-flow: dense;
		grid-template-columns: 1fr 2fr 1fr;
		gap: var(--gap-3);
	}
	.small-container__content {
		grid-column: 2 / 2;
	}
	.article-content img,
	.article-content video {
		margin-block: var(--gap-3);
		max-height: 30rem;
	}
	.article-img img {
		max-height: 30rem;
	}
	.article-content blockquote {
		border-radius: var(--b-sm);
		padding: var(--gap-3);
		background: var(--blue-bg);
		border-left: 3px solid var(--primary);
		color: var(--gray);
	}
	.article-content h2 {
		margin-bottom: var(--gap-4);
	}
	.sizing-large {
		object-fit: contain !important;
	}
	.article-content .wp-video {
		width: 100% !important;
	}
	.file-attachment {
		border: 1px dashed var(--gray);
		color: var(--gray-2);
		padding: 1rem 1.6rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 30px;
		cursor: pointer;
		border-radius: var(--b-sm);
	}
	.file-attachment input {
		display: none;
	}
	.file-attachment svg {
		width: 1em;
		height: 1em;
		opacity: 0.5;
	}
	.share-post {
		padding-top: var(--gap-8);
		border-top: 1px solid var(--black);
	}
	.share-post .small-btn {
		border: transparent;
	}
	.share {
		background: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2084_2960)'%3E%3Cpath d='M12.625 6C13.8676 6 14.875 4.99264 14.875 3.75C14.875 2.50736 13.8676 1.5 12.625 1.5C11.3824 1.5 10.375 2.50736 10.375 3.75C10.375 4.99264 11.3824 6 12.625 6Z' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3.625 11.25C4.86764 11.25 5.875 10.2426 5.875 9C5.875 7.75736 4.86764 6.75 3.625 6.75C2.38236 6.75 1.375 7.75736 1.375 9C1.375 10.2426 2.38236 11.25 3.625 11.25Z' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12.625 16.5C13.8676 16.5 14.875 15.4926 14.875 14.25C14.875 13.0074 13.8676 12 12.625 12C11.3824 12 10.375 13.0074 10.375 14.25C10.375 15.4926 11.3824 16.5 12.625 16.5Z' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M5.56738 10.1325L10.6899 13.1175' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.6824 4.88251L5.56738 7.86751' stroke='%237B8181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2084_2960'%3E%3Crect width='15.75' height='18' fill='white' transform='translate(0.25)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		width: 0.8em;
		height: 0.8em;
	}
	.testimonials__item {
		grid-template-columns: 1fr 2fr 1fr;
	}
	.testimonials__item {
		padding: var(--gap-6);
	}
	.testimonials__item blockquote {
		padding: 0;
		margin: 0;
		text-indent: var(--gap-6);
	}

	.testimonials__item-text::before {
		content: '';
		position: absolute;
		left: 0;
		background: url("data:image/svg+xml,%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_313_3065)'%3E%3Cpath d='M24.0795 0.749998C20.3863 0.749998 15.4621 2 15.4621 10.75V20.75C15.4621 22.3125 16.3927 23.2712 17.9242 23.25H22.8484C24.3873 23.25 25.3105 22.3125 25.3105 20.785V13.25C25.3105 11.6875 24.3873 10.75 22.8484 10.75C21.6174 10.75 21.6174 10.75 21.6174 9.5V8.25C21.6174 7 22.8484 5.75 24.0795 5.75C25.3105 5.75 25.3105 5.74 25.3105 4.46125V2C25.3105 0.749998 25.3105 0.749998 24.0795 0.749998Z' fill='%2318191D' /%3E%3Cpath d='M9.30703 0.749998C5.61385 0.749998 0.689606 2 0.689606 10.75V20.75C0.689606 22.3125 1.62152 23.2712 3.15173 23.25H8.07597C9.61479 23.25 10.5381 22.3125 10.5381 20.785V13.25C10.5381 11.6875 9.61479 10.75 8.07597 10.75H7.15267C7.15267 7.9375 6.84491 5.75 10.5381 5.75V2C10.5381 0.749998 10.5381 0.749998 9.30703 0.749998Z' fill='%2318191D' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_313_3065'%3E%3Crect width='26' height='24' fill='white' transform='matrix(-1 0 0 -1 26 24)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
			no-repeat 50% 50% / contain;
		display: inline-flex;
		width: 1em;
		height: 1em;
	}
	.testimonials__item img {
		max-width: 13rem;
	}

	/* footer */
	.footer {
		position: relative;
		overflow: clip;
	}

	.footer .menu {
		display: flex;
		flex-direction: column;
		gap: var(--gap-2);
	}
	.widget_nav_menu a {
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: -0.02em;
		color: var(--white);
		text-decoration: underline;
	}
	.widget-title {
		margin-bottom: var(--gap-5);
		color: var(--white);
	}
	.footer .descriptor {
		color: var(--gray-2);
	}
	.dev-logo {
		position: relative;
		bottom: 0.3em;
		max-height: 24px;
		width: auto;
	}
	.underlined {
		text-decoration: underline;
	}

	.bottom-footer {
		padding-block: var(--gap-6);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	.footer-logo {
		max-width: 10rem;
	}

	.aside-panel .btn {
		max-width: 100%;
	}
	.panel-show {
		pointer-events: auto;
		visibility: visible;
	}
	.panel-show .panel-content {
		opacity: 1;
	}
	.panel-show,
	.panel-showed .panel-fill {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	body.panel-showed {
		overflow: hidden;
	}
	.panel-showed .overlay {
		opacity: 0.87;
		visibility: visible;
	}
	.panel-scroll {
		overflow-y: auto;
		height: 100%;
	}
	.panel-content {
		opacity: 0;
		padding: var(--gap-12) var(--gap-10);
		margin: 0 auto;
		transition: opacity 1s ease, -webkit-transform 1s ease;
	}
	.panel-body {
		position: relative;
		width: 100%;
	}
	.panel-close {
		position: fixed;
		top: 20px;
		right: 20px;
		width: 36px;
		height: 36px;
		background: 0 0;
		display: grid;
		align-items: center;
		justify-content: center;
		z-index: 1000;
		border: 0;
	}
	button.panel-close:hover {
		opacity: 0.7;
	}
	.panel-close:before {
		transform: rotate(45deg);
	}
	.panel-close:after {
		transform: rotate(-45deg);
	}
	.panel-close:after,
	.panel-close:before {
		content: ' ';
		position: absolute;
		border-radius: 2px;
		background-color: var(--black);
		width: 32px;
		height: 2px;
		display: grid;
		-webkit-transition: background-color 0.2s ease-in-out,
			transform 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
	}

	.mobmenu-panel .panel-content {
		align-items: flex-start;
		height: auto;
	}
	.mobmenu-panel .sub-menu {
		display: none;
	}
	.mobmenu-panel .lang-item,
	.mobmenu-panel .social-icon {
		border: 1px solid var(--black);
	}
	.mobmenu-panel .social-icon i {
		filter: invert(1);
		-webkit-filter: invert(1);
	}
	.sep {
		margin-block: var(--gap-6);
		border-bottom: 1px solid var(--black);
	}
	.sticky-wrapper {
		position: sticky;
		top: 1.6rem;
		z-index: 1;
	}
	.tab {
		font-weight: bold;
		background-color: transparent;
		color: var(--black);
		padding-inline: 1rem;
		border: 1px solid;
	}
	.tab.active {
		background-color: var(--black);
		color: var(--white);
	}
	[data-tab-content].active {
		display: grid;
	}
	[data-tab-content] {
		display: none;
	}
	.tabs-content {
		margin-top: var(--gap-6);
	}
	.tabs-content .main-nav ul,
	.project-category-menu {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.2rem;
	}
	.tabs-content a {
		color: var(--black);
	}
	.loading .aside-panel,
	.loading .panel-fill {
		display: none;
	}
	.aside-panel .main-nav {
		justify-content: flex-start;
	}
	.aside-panel .main-nav a,
	.project-category-menu a {
		font-size: min(40px, calc(20px + 20 * (100vw - 320px) / 1640));
		font-weight: 500;
	}
	.is-visible {
		opacity: 1;
		visibility: visible;
	}
	.notification-box {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: #fff;
		background: var(--black);
		border: 1px solid var(--white);
		font-size: 1.4em;
		padding: 2em;
		border-radius: var(--b-sm);
		visibility: hidden;
		z-index: 2;
	}
	.notification-box.show-error,
	.notification-box.show-success {
		opacity: 1;
		visibility: visible;
	}
	.form {
		position: relative;
	}
	.form .error {
		border: 1px solid red;
		background-color: rgba(248, 214, 214, 0.212);
	}
}

@layer responsive {
	.btn:hover {
		transform: scale(0.98);
	}
	@media (hover: hover) {
		.menu-item-has-children:hover .sub-menu {
			transform: translateY(0);
			visibility: visible;
			opacity: 1;
			pointer-events: auto;
		}
		.lang-item:hover,
		.social-icon:hover {
			background-color: rgba(255, 255, 255, 0.3);
			transform: scale(1.08);
			border: 1px solid rgba(255, 255, 255, 0.3);
		}
		.main-nav a:not(.sub-menu a):hover::before {
			transform-origin: 0% 50%;
			transform: scale3d(1, 1, 1);
		}
		.sub-menu a:hover,
		.post-card a:hover {
			opacity: 0.6;
		}
		.post-card__link:hover {
			transform: scale(1.05);
		}
		.post-card__link:hover .icon-arrow {
			transform: rotate(45deg);
		}

		.btn:hover .btn-arrow,
		.btn:hover .share-icon {
			width: calc(100% - 1.6em);
			background-size: 0;
		}
		.footer a:hover,
		.page-numbers:hover {
			opacity: 0.5;
		}

		.header-logo a:hover {
			opacity: 0.7;
		}
		.news-card:hover .post-card__link {
			opacity: 1;
			visibility: visible;
			transform: translateY(0%);
		}
		.small-btn:hover {
			background-color: var(--gray-2);
			color: var(--white);
		}
		.small-btn.btn-outline:hover {
			background-color: var(--black);
			color: var(--white);
		}
		.small-btn:hover .icon {
			filter: invert(0) grayscale(1) contrast(1000);
			-webkit-filter: invert(0) grayscale(1) contrast(1000);
		}
		.btn-respond:hover .icon {
			filter: invert(1) grayscale(1) contrast(1000);
			-webkit-filter: invert(1) grayscale(1) contrast(1000);
		}
	}

	@media (max-width: 1356px) {
		.ornament-about {
			max-width: 13.5rem;
		}
		.ornament {
			max-width: 7rem;
		}
		.btn .btn-arrow {
			display: none;
		}
	}

	@media (max-width: 1279px) {
		.header-grid {
			grid-template-columns: auto 1fr auto;
			gap: var(--gap-6);
		}
		.main-navbar {
			justify-content: flex-end;
		}
	}

	@media (max-width: 1180px) {
		.four-cols {
			grid-template-columns: 1fr 1fr;
		}
		.basic-grid {
			grid-template-columns: 1fr;
		}

		.about-grid .spacer,
		.ab-1,
		.footer-spacer,
		.ornament-sm {
			display: none;
		}
		.small-container {
			grid-template-columns: 1fr;
		}
		.small-container__content {
			grid-column: auto;
		}
		.small-container__content,
		.project-goal .basic-grid {
			max-width: 40rem;
			margin-inline: auto;
		}
		.grid-contacts {
			grid-template-columns: 1fr;
		}
		.partners-grid {
			padding: 0;
			gap: 0;
		}
		.partner-logo {
			padding: var(--gap-3);
			border-bottom: 1px solid var(--gray-3);
			border-right: 1px solid var(--gray-3);
		}
		.partner-logo:nth-child(even) {
			border-right: 0;
		}
		.partner-logo:nth-child(3),
		.partner-logo:nth-child(4) {
			border-bottom: 0;
		}
		.section-testimonials .subline {
			display: none;
		}
		.map {
			max-width: 100%;
			order: 1;
			margin-top: var(--gap-6);
			min-height: 20rem;
		}
		.col-left-cta {
			flex-direction: row;
		}
		.ornament-cta {
			position: absolute;
			right: 0;
			max-width: 46vw;
		}
		.col-left-cta .second-subheading {
			max-width: 20rem;
		}
		.cta-grid {
			grid-template-columns: 1fr;
		}
		.indent {
			text-indent: 0;
		}
		.announcements-grid {
			column-gap: var(--gap-6);
			grid-template-columns: 1fr 2fr;
		}
		.announ-card__date {
			grid-column: 2 / 2;
			order: 2;
		}
		.footer-grid {
			grid-template-columns: repeat(4, 1fr);
			row-gap: var(--gap-9);
		}
		.footer-column:nth-child(1) {
			grid-column: span 2;
		}
		.footer-spacer {
			display: none;
		}
		.dev-by {
			order: 1;
		}
	}

	@media (max-width: 1024px) {
		.btn-play svg {
			width: 1em;
		}
	}

	@media (max-width: 868px) {
		.footer-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 767px) {
		.descriptor {
			font-size: 12px;
		}
		.breadcrumbs,
		.ornament {
			display: none;
		}
		.subline {
			font-size: 0.8rem;
		}
		.section-posts .two-cols {
			grid-template-columns: 1fr;
			gap: var(--gap-6);
		}
		.home .post-media {
			grid-column: auto;
		}
		.partners img {
			max-width: 8rem;
		}
		.post-media .post-card__content {
			align-items: flex-start;
			flex-direction: column;
			justify-content: flex-end;
		}
		.post-media .post-card__link {
			order: -1;
		}
		.btn-wrapper {
			grid-template-columns: 1fr;
			margin-bottom: var(--gap-6);
		}
		.section-cta::before {
			height: 1.45rem;
		}
		.ornament-cta {
			max-width: 34vw;
		}
	}

	@media (max-width: 667px) {
		:root {
			--root-size: 18px;
		}
		.header-grid {
			grid-template-columns: auto 1fr auto;
			gap: var(--gap-3);
		}
		.mb-8 {
			margin-bottom: var(--gap-4);
		}
		p {
			font-size: 0.8rem;
		}
		.news-grid,
		.form.grid {
			grid-template-columns: 1fr;
		}
		.news-card__info p {
			line-height: 1.1;
		}
		.span-2 {
			grid-column: unset;
		}
		.four-cols {
			grid-template-columns: 1fr;
		}
		.partners-grid,
		.info-numbers .grid,
		.team-grid {
			grid-template-columns: 1fr 1fr;
		}
		.btn {
			padding: 1.5rem;
		}
		.posts-head {
			align-items: center;
		}
		.ornament-about {
			max-width: 8.5rem;
		}
		.section-team-head .heading {
			order: -1;
		}
		.contact-info,
		.projects-grid {
			grid-template-columns: 1fr;
			gap: var(--gap-6);
		}
		.ornament-team {
			max-width: 44vw;
		}
		.posts-grid {
			gap: var(--gap-6);
		}
		.announcements-grid,
		.section-history .two-cols,
		.section-faq .two-cols,
		.testimonials__item {
			grid-template-columns: 1fr;
		}
		.announ-card__date {
			grid-column: unset;
		}
		.article-img .post-date {
			font-size: 0.8rem;
		}
		.accordeon-item img {
			margin-bottom: var(--gap-3);
		}
		.btn-share-wrapper {
			flex-direction: column;
		}
		.article-img {
			margin-bottom: var(--gap-6);
		}
		.testimonials__item-image {
			order: 0;
			justify-content: flex-start;
		}
		.testimonials__item-image img {
			max-width: 100%;
		}
		.position {
			font-size: 0.8rem;
		}
		.dev-by {
			margin-top: var(--gap-3);
		}
		.ornament-cta,
		.section-faq .accordeon-item__icon,
		.testimonials__item-number {
			display: none;
		}
		.widget-title {
			color: var(--gray-2);
		}
		.current-cat__sep,
		.current-cat__title {
			display: none;
		}
		.panel-content {
			padding: var(--gap-12) var(--gap-6);
		}
	}

	@media (max-width: 440px) {
		.logo-wrap {
			gap: 7px;
		}
		.subline {
			font-size: 0.8rem;
		}
		.socials {
			gap: 0.5rem;
		}
		.partners img {
			height: 2.85rem;
			min-height: auto;
		}
		.partner-logo {
			padding: var(--gap-6);
		}
		.announ-card__text {
			font-size: 0.9rem;
		}
		.btn .btn-arrow {
			display: flex;
		}
		.footer-column:nth-child(1) {
			grid-column: unset;
		}
	}
	@media (max-width: 380px) {
		.btn .btn-arrow {
			display: none;
		}
	}
}