
.obe-header{
	--obe-header-bg:#071712;
	--obe-header-text:#edf5ef;
	--obe-header-accent:#b8ef62;
	--obe-header-line:rgba(237,245,239,.14);
	--obe-logo-width:174px;
	--obe-header-height:84px;
	position:relative;
	z-index:999;
	width:100%;
	background:var(--obe-header-bg);
	color:var(--obe-header-text);
	font-family:Inter,"Helvetica Neue",Arial,sans-serif;
}
.obe-header,
.obe-header *{box-sizing:border-box}

.obe-header__bar{
	width:min(1320px,calc(100% - 160px));
	max-width:1320px;
	min-height:var(--obe-header-height);
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:30px;
}

.obe-header__logo{
	display:inline-flex;
	align-items:center;
	flex:0 0 auto;
	text-decoration:none;
}
.obe-header__logo-image{
	display:block;
	width:var(--obe-logo-width);
	height:auto;
	max-height:60px;
	object-fit:contain;
}

.obe-header__desktop-nav{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:clamp(16px,2.05vw,32px);
}
.obe-header__desktop-nav a{
	color:var(--obe-header-text);
	text-decoration:none;
	font-size:11px;
	line-height:1;
	font-weight:650;
	white-space:nowrap;
	transition:color .2s ease;
}
.obe-header__desktop-nav a:hover{color:var(--obe-header-accent)}

.obe-header__desktop-cta{
	flex:0 0 auto;
	min-height:44px;
	padding:0 19px;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	border:1px solid var(--obe-header-accent);
	border-radius:3px;
	background:var(--obe-header-accent);
	color:#071712;
	text-decoration:none;
	font-size:12px;
	line-height:1;
	font-weight:700;
	transition:transform .2s ease,filter .2s ease;
}
.obe-header__desktop-cta:hover{
	transform:translateY(-1px);
	filter:brightness(.96);
	color:#071712;
}

.obe-header__toggle,
.obe-header__mobile-panel{display:none}


/* ---------------------------------------------------------
   MOBILE / TABLET
   --------------------------------------------------------- */
@media(max-width:1024px){

	.obe-header{
		--obe-header-height:72px;
		--obe-logo-width:150px;
	}

	.obe-header__bar{
		width:calc(100% - 48px);
		max-width:none;
		min-height:var(--obe-header-height);
		gap:20px;
	}

	.obe-header__desktop-nav,
	.obe-header__desktop-cta{
		display:none;
	}

	.obe-header__toggle{
		margin-left:auto;
		flex:0 0 48px;
		width:48px;
		height:48px;
		padding:0;
		display:grid;
		place-items:center;
		border:1px solid rgba(184,239,98,.42);
		border-radius:50%;
		background:transparent;
		color:var(--obe-header-accent);
		cursor:pointer;
		transition:background .2s ease,border-color .2s ease;
	}

	.obe-header__toggle:hover,
	.obe-header.is-open .obe-header__toggle{
		background:var(--obe-header-accent);
		border-color:var(--obe-header-accent);
		color:#071712;
	}

	.obe-header__toggle-lines{
		position:relative;
		display:block;
		width:19px;
		height:14px;
	}

	.obe-header__toggle-lines span{
		position:absolute;
		left:0;
		width:19px;
		height:1.5px;
		border-radius:2px;
		background:currentColor;
		transition:top .25s ease,transform .25s ease;
	}

	.obe-header__toggle-lines span:first-child{top:3px}
	.obe-header__toggle-lines span:last-child{top:10px}

	.obe-header.is-open .obe-header__toggle-lines span:first-child{
		top:6.5px;
		transform:rotate(45deg);
	}
	.obe-header.is-open .obe-header__toggle-lines span:last-child{
		top:6.5px;
		transform:rotate(-45deg);
	}

	.obe-header__mobile-panel{
		position:absolute;
		left:0;
		right:0;
		top:100%;
		display:block;
		visibility:hidden;
		opacity:0;
		transform:translateY(-10px);
		pointer-events:none;
		background:var(--obe-header-bg);
		border-top:1px solid var(--obe-header-line);
		box-shadow:0 30px 60px rgba(0,0,0,.28);
		transition:
			opacity .25s ease,
			transform .3s cubic-bezier(.22,1,.36,1),
			visibility .25s ease;
	}

	.obe-header.is-open .obe-header__mobile-panel{
		visibility:visible;
		opacity:1;
		transform:translateY(0);
		pointer-events:auto;
	}

	.obe-header__mobile-inner{
		width:calc(100% - 48px);
		max-height:calc(100dvh - var(--obe-header-height));
		margin:0 auto;
		padding:24px 0 30px;
		overflow-y:auto;
	}

	.obe-header__mobile-kicker{
		display:flex;
		align-items:center;
		gap:16px;
		margin-bottom:14px;
		color:#9fb1a6;
		font-size:9px;
		line-height:1;
		font-weight:750;
		letter-spacing:.19em;
		text-transform:uppercase;
	}

	.obe-header__mobile-rule{
		height:1px;
		flex:1 1 auto;
		background:var(--obe-header-line);
	}

	.obe-header__mobile-nav{
		border-top:1px solid var(--obe-header-line);
	}

	.obe-header__mobile-nav a{
		min-height:64px;
		display:grid;
		grid-template-columns:34px minmax(0,1fr) 24px;
		align-items:center;
		gap:10px;
		border-bottom:1px solid var(--obe-header-line);
		color:var(--obe-header-text);
		text-decoration:none;
	}

	.obe-header__mobile-number{
		color:#71877b;
		font-size:9px;
		line-height:1;
		font-weight:700;
		letter-spacing:.08em;
	}

	.obe-header__mobile-label{
		font-size:22px;
		line-height:1.05;
		font-weight:500;
		letter-spacing:-.035em;
	}

	.obe-header__mobile-arrow{
		justify-self:end;
		width:26px;
		height:26px;
		display:grid;
		place-items:center;
		color:var(--obe-header-accent);
		line-height:1;
		transition:transform .22s ease,color .22s ease;
	}

	.obe-header__mobile-arrow svg{
		display:block;
		width:22px;
		height:22px;
		overflow:visible;
		fill:none;
		stroke:currentColor;
		stroke-width:1.55;
		stroke-linecap:round;
		stroke-linejoin:round;
	}

	.obe-header__mobile-nav a:hover .obe-header__mobile-label{
		color:var(--obe-header-accent);
	}
	.obe-header__mobile-nav a:hover .obe-header__mobile-arrow{
		transform:translate(3px,-3px);
	}

	.obe-header__mobile-cta{
		min-height:54px;
		margin-top:24px;
		padding:0 20px;
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:20px;
		border-radius:3px;
		background:var(--obe-header-accent);
		color:#071712;
		text-decoration:none;
		font-size:13px;
		line-height:1;
		font-weight:750;
	}
}

@media(max-width:767px){
	.obe-header{
		--obe-header-height:68px;
		--obe-logo-width:128px;
	}
	.obe-header__bar,
	.obe-header__mobile-inner{
		width:calc(100% - 36px);
	}
	.obe-header__toggle{
		width:44px;
		height:44px;
		flex-basis:44px;
	}
	.obe-header__mobile-inner{
		padding-top:20px;
		padding-bottom:26px;
	}
	.obe-header__mobile-nav a{
		min-height:61px;
	}
	.obe-header__mobile-label{
		font-size:21px;
	}
}

/* Elementor editor: prevent the panel from obscuring controls unless opened */
body.elementor-editor-active .obe-header__mobile-panel{
	z-index:5;
}

@media(max-width:767px){
	.obe-header__mobile-arrow{
		width:24px;
		height:24px;
	}
	.obe-header__mobile-arrow svg{
		width:20px;
		height:20px;
	}
}
