.bdg-hero{--g:max(22px,var(--bdg-gut,28px));--navy:#091636;position:relative;display:flex;flex-direction:column;box-sizing:border-box;height:clamp(640px,100svh,980px);padding-top:var(--bdg-hdr,76px);background:#eef1f5;color:var(--navy);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
.bdg-hero *,.bdg-hero *::before,.bdg-hero *::after{box-sizing:border-box}
.bdg-hero .bdg-hero__h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bdg-hero .bdg-hero__stage{position:relative;flex:1;min-height:0;overflow:hidden}
.bdg-hero .bdg-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.4s cubic-bezier(.4,0,.2,1),visibility 0s 1.4s}
.bdg-hero .bdg-hero__slide.is-on{opacity:1;visibility:visible;transition:opacity 1.4s cubic-bezier(.4,0,.2,1),visibility 0s}
.bdg-hero .bdg-hero__media{position:absolute;inset:0;overflow:hidden}
.bdg-hero .bdg-hero__slide.is-on .bdg-hero__media{animation:bdg-hero-settle 2.6s cubic-bezier(.2,.7,.2,1) both}
.bdg-hero .bdg-hero__img,.bdg-hero .bdg-hero__gl{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0}
.bdg-hero .bdg-hero__img{object-fit:cover;object-position:var(--fx) var(--fy)}
.bdg-hero .bdg-hero__gl{opacity:0;transition:opacity .5s}
.bdg-hero .bdg-hero__media.is-gl .bdg-hero__gl{opacity:1}
.bdg-hero .bdg-hero__text{position:absolute;left:min(var(--g),max(22px,5vw));width:min(760px,calc(100% - 2 * var(--g)));transform:translateY(18px);transition:transform 1.3s .25s cubic-bezier(.2,.7,.2,1)}
.bdg-hero .bdg-hero__slide.is-on .bdg-hero__text{transform:none}
.bdg-hero .bdg-hero__slide[data-place="top"] .bdg-hero__text{top:clamp(36px,7vh,92px)}
.bdg-hero .bdg-hero__slide[data-place="bottom"] .bdg-hero__text{bottom:clamp(56px,7vh,84px)}
.bdg-hero .bdg-hero__title{max-width:11ch;margin:0;padding:0;color:var(--navy);font-family:inherit;font-size:clamp(40px,5.3vw,86px);font-weight:700;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.bdg-hero .bdg-hero__sub{margin:20px 0 0;padding:0;color:rgba(9,22,54,.78);font-family:inherit;font-size:clamp(17px,1.35vw,21px);font-weight:500;line-height:1.4}
.bdg-hero .bdg-hero__cta{position:relative;display:inline-flex;align-items:center;gap:14px;height:52px;margin-top:36px;padding:0 24px 0 30px;border-radius:999px;background:var(--navy);color:#fff;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.01em;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .25s}
.bdg-hero .bdg-hero__cta:hover,.bdg-hero .bdg-hero__cta:focus-visible{background:#1e346c;color:#fff;text-decoration:none}
.bdg-hero .bdg-hero__cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.bdg-hero .bdg-hero__cta:hover svg{transform:translateX(5px)}
.bdg-hero .bdg-hero__scroll{all:unset;box-sizing:border-box;position:absolute;left:50%;bottom:26px;z-index:3;display:flex;justify-content:center;width:28px;height:66px;transform:translateX(-50%);cursor:pointer}
.bdg-hero .bdg-hero__scroll:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.bdg-hero .bdg-hero__scroll i{position:relative;width:1px;height:100%;background:rgba(9,22,54,.28);clip-path:inset(0 -2px)}
.bdg-hero .bdg-hero__scroll i::after{content:"";position:absolute;top:-45%;left:-.5px;width:2px;height:45%;background:var(--navy);animation:bdg-hero-drop 2.4s cubic-bezier(.65,0,.35,1) infinite}
@keyframes bdg-hero-settle{from{transform:scale(1.045)}to{transform:none}}
@keyframes bdg-hero-drop{to{top:100%}}
@media (max-width:899px){
	.bdg-hero{height:auto}
	.bdg-hero .bdg-hero__stage{flex:none;height:min(calc(100svh - var(--bdg-hdr,64px)),760px);min-height:540px}
	.bdg-hero .bdg-hero__img{object-position:var(--fxm) var(--fym)}
	.bdg-hero .bdg-hero__title{font-size:clamp(28px,8.2vw,40px)}
	.bdg-hero .bdg-hero__sub{margin-top:12px;font-size:16px}
	.bdg-hero .bdg-hero__cta{margin-top:24px}
	.bdg-hero .bdg-hero__text{width:calc(100% - 44px)}
	.bdg-hero .bdg-hero__slide[data-place="top"] .bdg-hero__text{top:26px}
	.bdg-hero .bdg-hero__slide[data-place="bottom"] .bdg-hero__text{bottom:118px}
}
@media (prefers-reduced-motion:reduce){
	.bdg-hero .bdg-hero__slide.is-on .bdg-hero__media{animation:none}
	.bdg-hero .bdg-hero__text{transition:none;transform:none}
	.bdg-hero .bdg-hero__scroll i::after{animation:none;top:0}
}
