@font-face { font-family: 'Betafloor Menu'; src: url('../fonts/HostGrotesk-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
.bf-menu-trigger-wrap { display: flex; justify-content: flex-start; }
.bf-menu-trigger-wrap .bf-menu-trigger {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-width: 44px; min-height: 44px; padding: 8px; border: 0; border-radius: 0;
	background: transparent; color: #0c193c; box-shadow: none; cursor: pointer;
	font-family: 'Betafloor Menu', Arial, sans-serif; font-size: 16px; line-height: 1;
}
.bf-menu-trigger > span:first-child, .bf-menu-trigger > .bf-menu-trigger__opened { width: var(--bf-trigger-size, 28px); height: var(--bf-trigger-size, 28px); align-items: center; justify-content: center; }
.bf-menu-trigger .bf-menu-trigger__closed { display: inline-flex; }
.bf-menu-trigger .bf-menu-trigger__opened { display: none; }
.bf-menu-trigger[aria-expanded="true"] .bf-menu-trigger__closed { display: none; }
.bf-menu-trigger[aria-expanded="true"] .bf-menu-trigger__opened { display: inline-flex; }
.bf-menu-trigger svg, .bf-menu-trigger img, .bf-menu-trigger i { display: block; width: 100%; height: 100%; font-size: var(--bf-trigger-size, 28px); fill: currentColor; object-fit: contain; }
.bf-menu-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
dialog.bf-full-menu {
	position: fixed; inset: 0; width: 100%; height: 100vh; height: 100dvh; max-width: none; max-height: none;
	margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
	background: #0c193c; color: #fff; overflow: auto; overscroll-behavior: contain;
	font-family: 'Betafloor Menu', Arial, sans-serif; text-align: left;
	--bf-menu-link-color: #fff; --bf-menu-link-hover: #00c3e8; --bf-menu-social-color: #00c3e8;
}
dialog.bf-full-menu:not([open]) { display: none; }
.bf-full-menu::backdrop { background: transparent; }
.bf-full-menu, .bf-full-menu *, .bf-menu-trigger, .bf-menu-trigger * { box-sizing: border-box; }
.bf-full-menu .bf-full-menu__content { padding: clamp(96px, 11.4583vw, 190px) 8.75vw 64px; }
.bf-full-menu .bf-full-menu__header { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.bf-full-menu .bf-full-menu__brand { display: inline-flex; flex: 0 1 auto; line-height: 0; }
.bf-full-menu .bf-full-menu__logo { display: block; width: 219px; max-width: 100%; height: auto; border: 0; border-radius: 0; }
.bf-full-menu .bf-full-menu__socials { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 20px; transform: translateY(-8px); --bf-social-size: 28px; }
.bf-full-menu .bf-full-menu__social { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 30px; color: var(--bf-menu-social-color); text-decoration: none; line-height: 1; }
.bf-full-menu .bf-full-menu__social svg, .bf-full-menu .bf-full-menu__social img { display: block; width: var(--bf-social-size); height: var(--bf-social-size); fill: currentColor; object-fit: contain; }
.bf-full-menu .bf-full-menu__social i { font-size: var(--bf-social-size); }
.bf-full-menu .bf-full-menu__social:hover { opacity: .75; }
.bf-full-menu .bf-full-menu__close {
	position: fixed; z-index: 1; top: 32px; right: calc(8.75vw - 16px);
	display: flex; align-items: center; justify-content: center; width: 44px; height: 44px;
	padding: 8px; border: 0; border-radius: 0; background: transparent; color: #fff; box-shadow: none; cursor: pointer;
}
.bf-full-menu .bf-full-menu__close svg, .bf-full-menu .bf-full-menu__close img, .bf-full-menu .bf-full-menu__close i { display: block; width: var(--bf-close-size, 28px); height: var(--bf-close-size, 24px); font-size: var(--bf-close-size, 24px); object-fit: contain; fill: currentColor; }
.bf-menu-trigger .bf-menu-line-icon, .bf-full-menu .bf-menu-line-icon { fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: round; }
.bf-menu-trigger .bf-menu-line-icon--animated { stroke-width: 2; stroke-linecap: butt; }
.bf-menu-line-icon--animated path { transform-box: view-box; transform-origin: 27px 12px; transition: transform 240ms ease; }
.bf-menu-line-icon--animated .bf-menu-line-icon__middle { transform: scaleX(.65); }
.bf-menu-line-icon--animated .bf-menu-line-icon__bottom { transform: scaleX(.42); }
@media (hover: hover) and (pointer: fine) {
	.bf-menu-trigger[aria-expanded="false"]:hover .bf-menu-line-icon--animated path { transform: scaleX(1); }
}
.bf-full-menu .bf-full-menu__nav { margin-top: 116px; }
.bf-full-menu .bf-full-menu__list, .bf-full-menu .bf-full-menu__sub { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; margin: 0; padding: 0; list-style: none; }
.bf-full-menu .bf-full-menu__item { margin: 0; padding: 0; max-width: 100%; list-style: none; }
.bf-full-menu .bf-full-menu__row { display: flex; align-items: center; gap: 14px; }
.bf-full-menu .bf-full-menu__row > a {
	display: inline-block; padding: 0; margin: 0; border: 0; background: transparent;
	color: var(--bf-menu-link-color); font-family: 'Betafloor Menu', Arial, sans-serif;
	font-size: 32px; font-weight: 400; font-style: normal; line-height: 1.3125; letter-spacing: 0;
	text-decoration: none; text-transform: none; overflow-wrap: anywhere; transition: color 180ms ease;
}
.bf-full-menu .bf-full-menu__row > a:hover, .bf-full-menu .bf-full-menu__row > a:focus-visible { color: var(--bf-menu-link-hover); }
.bf-full-menu a:focus-visible, .bf-full-menu button:focus-visible { outline: 1px solid currentColor; outline-offset: 6px; }
.bf-full-menu .bf-full-menu__submenu-toggle { flex: 0 0 36px; width: 36px; height: 36px; padding: 0; border: 0; color: var(--bf-menu-link-color); background: transparent; cursor: pointer; font: 24px/1 Arial, sans-serif; }
.bf-full-menu .bf-full-menu__submenu-toggle span { display: block; transition: transform 200ms ease; }
.bf-full-menu .bf-full-menu__submenu-toggle[aria-expanded="true"] span { transform: rotate(45deg); }
.bf-full-menu .bf-full-menu__sub { margin: 18px 0 0 18px; gap: 14px; padding-left: 16px; border-left: 1px solid #ffffff30; }
.bf-full-menu .bf-full-menu__sub[hidden] { display: none; }
.bf-full-menu .bf-full-menu__sub a { font-size: 24px; }
.bf-full-menu .bf-full-menu__empty { max-width: 600px; color: #fff; font: 20px/1.5 'Betafloor Menu', Arial, sans-serif; }
@media (max-width: 767px) {
	.bf-full-menu .bf-full-menu__content { padding: 94px 24px 48px; }
	.bf-full-menu .bf-full-menu__header { flex-wrap: wrap; gap: 24px; }
	.bf-full-menu .bf-full-menu__logo { width: 170px; }
	.bf-full-menu .bf-full-menu__socials { gap: 14px; transform: none; --bf-social-size: 24px; }
	.bf-full-menu .bf-full-menu__social { min-width: 24px; }
	.bf-full-menu .bf-full-menu__close { top: 18px; right: 16px; }
	.bf-full-menu .bf-full-menu__nav { margin-top: 56px; }
	.bf-full-menu .bf-full-menu__list { gap: 22px; }
	.bf-full-menu .bf-full-menu__row > a { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
	.bf-full-menu *, .bf-menu-trigger * { transition: none !important; }
}