.obe-whwh{
	--obe-bg:#071712;
	--obe-accent:#b8ef62;
	--obe-text:#edf5ef;
	--obe-muted:#c6d5c9;
	--obe-card-height:335px;
	--obe-pad-y:160px;
	width:100%;
	padding:var(--obe-pad-y) 0;
	overflow:hidden;
	background:var(--obe-bg);
	color:var(--obe-text);
	font-family:Inter,"Helvetica Neue",Arial,sans-serif;
}
.obe-whwh,.obe-whwh *{box-sizing:border-box}
.obe-whwh__inner{width:min(1320px,calc(100% - 160px));margin:0 auto}
.obe-whwh__head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:55px}
.obe-whwh__eyebrow,.obe-whwh__detail-eyebrow{font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.obe-whwh__heading{margin:16px 0 0;color:var(--obe-text);font-size:clamp(36px,4.2vw,62px);line-height:1.08;font-weight:500;letter-spacing:-.052em}
.obe-whwh__support{width:340px;max-width:340px;margin:0 0 5px;color:#b4c6b8;font-size:15px;line-height:1.7}

.obe-whwh__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.obe-whwh__card{
	position:relative;height:var(--obe-card-height);min-width:0;padding:0;overflow:hidden;isolation:isolate;
	border:1px solid rgba(255,255,255,.22);border-radius:0;background:transparent;color:#fff;
	text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;
	transition:border-color .25s ease,transform .3s ease;
}
.obe-whwh__card:hover{transform:translateY(-4px)}
.obe-whwh__card.is-active{border-color:var(--obe-accent)}
.obe-whwh__card-image{position:absolute;inset:0;z-index:-2}
.obe-whwh__card-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.75);transition:transform .7s ease}
.obe-whwh__card:hover img,.obe-whwh__card.is-active img{transform:scale(1.07)}
.obe-whwh__card-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#09271fe8 0%,#09271f55 58%,#09271f18 100%)}
.obe-whwh__card-number{position:absolute;top:22px;left:24px;font-size:12px;letter-spacing:.05em}
.obe-whwh__card-bottom{position:absolute;left:24px;right:24px;bottom:25px}
.obe-whwh__card-bottom strong{display:block;margin-bottom:14px;font-size:25px;line-height:1.1;font-weight:500;letter-spacing:-.045em}
.obe-whwh__card-label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d8e9d8;font-size:10px;line-height:1.4;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.obe-whwh__card.is-active .obe-whwh__card-label{color:var(--obe-accent)}

.obe-whwh__panels{margin-top:23px;padding-top:44px;border-top:1px solid rgba(255,255,255,.16);min-height:195px}
.obe-whwh__panel{display:none;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;min-height:150px}
.obe-whwh__panel.is-active{display:grid}
.obe-whwh__panel[hidden]{display:none!important}
.obe-whwh__detail-eyebrow{color:#9cbaa4}
.obe-whwh__detail-title{max-width:490px;margin:11px 0 0;color:var(--obe-text);font-size:clamp(29px,2.7vw,42px);line-height:1.08;font-weight:500;letter-spacing:-.052em}
.obe-whwh__panel-right{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.obe-whwh__panel-right p{max-width:490px;margin:0;color:var(--obe-muted);font-size:15px;line-height:1.7}
.obe-whwh__detail-link{flex:none;display:inline-flex;align-items:center;gap:18px;padding-bottom:8px;border-bottom:1px solid var(--obe-accent);color:var(--obe-accent);text-decoration:none;font-size:12px;line-height:1;font-weight:700}
.obe-whwh__detail-link:hover{color:var(--obe-text);border-bottom-color:var(--obe-text)}

/* Elementor editor: intentionally reveal all panels so the client can review every text block. */
body.elementor-editor-active .obe-whwh__panel,
.elementor-editor-active .obe-whwh__panel{
	display:grid!important;
	margin-bottom:34px;
	padding-bottom:34px;
	border-bottom:1px dashed rgba(255,255,255,.12);
}
body.elementor-editor-active .obe-whwh__panel[hidden],
.elementor-editor-active .obe-whwh__panel[hidden]{
	display:grid!important;
}

@media(max-width:1024px){
	.obe-whwh__inner{width:calc(100% - 96px)}
	.obe-whwh__head{flex-direction:column;align-items:flex-start;gap:26px}
	.obe-whwh__support{width:100%;max-width:520px}
	.obe-whwh__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
	.obe-whwh__panel,.obe-whwh__panel.is-active{grid-template-columns:1fr;gap:30px}
}
@media(max-width:767px){
	.obe-whwh{--obe-pad-y:84px}
	.obe-whwh__inner{width:calc(100% - 48px)}
	.obe-whwh__cards{grid-template-columns:1fr}
	.obe-whwh__panel-right{flex-direction:column;align-items:flex-start;gap:26px}
}