/* TKW Header */
.tkw-w.tkw-header { --hdr-scrolled: rgba(12, 12, 12, .72); z-index: 900; font-family: var(--tkw-font-head); }
.tkw-w.tkw-header.is-fixed { position: fixed; top: 0; left: 0; right: 0; }
.tkw-w.tkw-header.is-static { position: relative; background: var(--tkw-dark); }
body.admin-bar .tkw-w.tkw-header.is-fixed { top: 32px; }
@media (max-width: 782px) { body.admin-bar .tkw-w.tkw-header.is-fixed { top: 46px; } }
.elementor-editor-active .tkw-w.tkw-header.is-fixed { position: relative; background: var(--tkw-dark); top: 0; }

.tkw-header .tkw-header__bar {
	padding: 18px 0;
	transition: transform .5s var(--tkw-ease-out), background-color .4s, padding .4s, box-shadow .4s;
}
.tkw-header.is-scrolled .tkw-header__bar {
	padding: 10px 0;
	background: var(--hdr-scrolled);
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	backdrop-filter: blur(14px) saturate(140%);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}
.tkw-header.is-hidden .tkw-header__bar { transform: translateY(-110%); }
.tkw-header .tkw-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }

/* Logo */
.tkw-header .tkw-header__logo { display: inline-flex; align-items: center; gap: 8px; color: #fff; flex: none; }
.tkw-header .tkw-header__logo img { width: 150px; height: auto; }
.tkw-header .tkw-header__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--tkw-primary);
	color: #fff;
	font: 700 17px/1 var(--tkw-font-head);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .9) inset, 0 0 0 1px rgba(255, 255, 255, .5);
}
.tkw-header .tkw-header__brand { color: #fff; font: 700 22px/1 var(--tkw-font-head); letter-spacing: -.04em; }

/* Menu */
.tkw-header .tkw-header__nav {
	border-radius: 999px;
	background: rgba(38, 38, 38, .55);
	border: 1px solid rgba(255, 255, 255, .08);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	padding: 3px;
}
.tkw-header .tkw-menu { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.tkw-header .tkw-menu > li { position: relative; display: flex; align-items: center; }
.tkw-header .tkw-menu > li + li::before {
	content: "";
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, .12);
}
.tkw-header .tkw-menu a,
.tkw-header .tkw-menu .tkw-menu__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 34px;
	padding: 0 15px;
	border-radius: 999px;
	color: #fff;
	font: 500 14px/1 var(--tkw-font-head);
	white-space: nowrap;
	transition: background-color .3s, color .3s;
}
.tkw-header .tkw-menu a:hover,
.tkw-header .tkw-menu a:focus-visible,
.tkw-header .tkw-menu > .current-menu-item > a,
.tkw-header .tkw-menu > .current-menu-ancestor > a { background: rgba(255, 255, 255, .12); color: #fff; }
.tkw-header .tkw-menu .menu-item-has-children > a::after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform .3s;
}
.tkw-header .tkw-menu .menu-item-has-children:hover > a::after { transform: rotate(225deg); margin-top: 3px; }
.tkw-header .tkw-menu .sub-menu {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	z-index: 5;
	min-width: 230px;
	margin: 0;
	padding: 8px;
	list-style: none;
	border-radius: 16px;
	background: rgba(18, 18, 18, .94);
	border: 1px solid rgba(255, 255, 255, .08);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 24px 50px rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .3s, transform .4s var(--tkw-ease-out), visibility .3s;
}
.tkw-header .tkw-menu .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.tkw-header .tkw-menu li:hover > .sub-menu,
.tkw-header .tkw-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.tkw-header .tkw-menu .sub-menu a { display: flex; width: 100%; height: auto; padding: 10px 14px; border-radius: 10px; color: rgba(255, 255, 255, .85); }
.tkw-header .tkw-menu .sub-menu a:hover { background: var(--tkw-primary); color: #fff; }

/* Actions */
.tkw-header .tkw-header__actions { display: flex; align-items: center; gap: 8px; flex: none; }
.tkw-header .tkw-header__social { margin-right: 6px; }
.tkw-header .tkw-header__toggle { display: inline-flex; }
.tkw-header .tkw-header__toggle-in {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	height: 38px;
	padding: 0 5px 0 18px;
	border-radius: 999px;
	background: var(--tkw-primary);
	color: #fff;
	font: 500 14px/1 var(--tkw-font-head);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 24px rgba(184, 33, 50, .35);
	transition: background-color .3s;
}
.tkw-header .tkw-header__toggle-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
	font-size: 14px;
	transition: transform .6s var(--tkw-ease-out);
}
.tkw-header .tkw-header__toggle-ico .tkw-ico circle { fill: currentColor; stroke: none; }
.tkw-header .tkw-header__toggle:hover .tkw-header__toggle-ico,
.tkw-header .tkw-header__toggle[aria-expanded="true"] .tkw-header__toggle-ico { transform: rotate(135deg); }
.tkw-header .tkw-header__toggle:hover .tkw-header__toggle-in { background: #9e1a29; }
.tkw-header .tkw-header__hint { color: #fff; font-size: 12px; padding: 0 12px; opacity: .7; }

/* Off-canvas */
.tkw-header .tkw-oc { position: fixed; inset: 0; z-index: 1001; visibility: hidden; pointer-events: none; }
.tkw-header .tkw-oc.is-open { visibility: visible; pointer-events: auto; }
.tkw-header .tkw-oc__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity .5s;
}
.tkw-header .tkw-oc.is-open .tkw-oc__overlay { opacity: 1; }
.tkw-header .tkw-oc__panel {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	width: min(460px, calc(100% - 20px));
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding: 28px;
	overflow-y: auto;
	overscroll-behavior: contain;
	border-radius: 20px;
	background: radial-gradient(120% 60% at 100% 100%, rgba(184, 33, 50, .45), transparent 60%), #0f0f0f;
	color: #fff;
	transform: translateX(calc(100% + 20px));
	transition: transform .7s var(--tkw-ease-out);
}
.tkw-header .tkw-oc.is-open .tkw-oc__panel { transform: none; }
.tkw-header .tkw-oc__head { display: flex; align-items: center; justify-content: space-between; }
.tkw-header .tkw-oc__close span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-size: 20px;
	transition: background-color .3s, transform .5s var(--tkw-ease-out);
}
.tkw-header .tkw-oc__close:hover span { background: var(--tkw-primary); transform: rotate(90deg); }
.tkw-header .tkw-oc__nav { display: none; }
.tkw-header .tkw-oc__menu { margin: 0; padding: 0; list-style: none; }
.tkw-header .tkw-oc__menu li { border-bottom: 1px solid rgba(255, 255, 255, .08); }
.tkw-header .tkw-oc__menu a,
.tkw-header .tkw-oc__menu .tkw-menu__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0;
	color: #fff;
	font: 600 24px/1.2 var(--tkw-font-head);
	letter-spacing: -.02em;
	transition: color .3s, padding .4s var(--tkw-ease-out);
}
.tkw-header .tkw-oc__menu a:hover { color: var(--tkw-primary); padding-left: 8px; }
.tkw-header .tkw-oc__menu .sub-menu { margin: 0 0 12px; padding: 0 0 0 14px; list-style: none; }
.tkw-header .tkw-oc__menu .sub-menu li { border: 0; }
.tkw-header .tkw-oc__menu .sub-menu a { font-size: 16px; font-weight: 500; padding: 8px 0; color: rgba(255, 255, 255, .75); }
.tkw-header .tkw-oc__about { color: rgba(255, 255, 255, .72); font: 400 15px/1.7 var(--tkw-font-body); }
.tkw-header .tkw-oc__gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tkw-header .tkw-oc__gallery .tkw-cover { aspect-ratio: 1; border-radius: 10px; }
.tkw-header .tkw-oc__contact { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; font: 400 15px/1.5 var(--tkw-font-body); }
.tkw-header .tkw-oc__contact li { display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, .85); }
.tkw-header .tkw-oc__contact .tkw-ico { font-size: 18px; color: var(--tkw-primary); }
.tkw-header .tkw-oc__contact a:hover { color: #fff; text-decoration: underline; }
.tkw-header .tkw-oc__foot { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }

html.tkw-locked { overflow: hidden; }

@media (max-width: 1199px) {
	.tkw-header .tkw-header__nav { display: none; }
	.tkw-header .tkw-oc__nav { display: block; }
}
@media (max-width: 640px) {
	.tkw-header .tkw-header__social { display: none; }
	.tkw-header .tkw-header__bar { padding: 12px 0; }
	.tkw-header .tkw-header__brand { font-size: 19px; }
}