@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

.jnfhb{--hb-h:420px;--blue:#09487E;
	position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
	min-height:var(--hb-h);overflow:hidden;font-family:'DM Sans',system-ui,sans-serif;display:flex}
.jnfhb *{box-sizing:border-box}
.jnfhb__bg{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;background-position:right center;z-index:1}
.jnfhb__overlay{position:absolute;inset:0;z-index:2}

.jnfhb__inner{position:relative;z-index:3;width:100%;max-width:1240px;margin:0 auto;
	padding:clamp(40px,6vw,72px) clamp(20px,5vw,64px) clamp(56px,7vw,92px);
	display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}

/* breadcrumb */
.jnfhb__crumbs{font-family:'Poppins',sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
	color:rgba(255,255,255,.9);margin-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.jnfhb__crumbs a{color:rgba(255,255,255,.9);text-decoration:none}
.jnfhb__crumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.jnfhb__sep{opacity:.6}
.jnfhb__cur{color:#fff}

.jnfhb__headline{font-family:'Poppins',sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.01em;
	color:#fff !important;text-transform:uppercase;font-size:clamp(2rem,4.4vw,3.25rem);margin:0;max-width:16ch}
.jnfhb__sub{font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.5;color:rgba(255,255,255,.94);max-width:52ch;margin-top:16px}
.jnfhb__sub p{margin:0 0 .5em}.jnfhb__sub p:last-child{margin:0}

/* bottom wave */
.jnfhb__wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0;z-index:4;pointer-events:none}
.jnfhb__wave svg{display:block;width:100%;height:clamp(34px,5vw,70px)}

/* ---- MOBILE: stack breadcrumb+headline (blue panel) → image → wave ---- */
@media(max-width:900px){
	.jnfhb{min-height:0;flex-direction:column}
	.jnfhb__inner{order:1;position:relative;background:linear-gradient(160deg,#0a4f8c,#063257);
		padding:32px clamp(20px,6vw,30px) 30px;justify-content:flex-start;align-items:flex-start}
	.jnfhb__headline{font-size:clamp(1.7rem,7vw,34px)}
	.jnfhb__sub{max-width:none}
	.jnfhb__bg{order:2;position:relative;inset:auto;width:100%;height:clamp(180px,46vw,280px);background-position:center center !important}
	.jnfhb__overlay{display:none}
	.jnfhb__wave{z-index:4}
}