/* Bridge Road Banner */
.brb{
	position:relative;isolation:isolate;overflow:hidden;
	background:var(--brb-bg);color:var(--brb-text);
	padding:72px 20px;font-family:"Epilogue",sans-serif;
	--brb-icon:150px;--brb-gutter:max(24px, calc(50% - 640px));
}
.brb--card{border-radius:30px}
.brb--icons-m{--brb-icon:120px}
.brb--icons-s{--brb-icon:96px}

.brb__in{position:relative;z-index:1;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.brb__eyebrow{margin:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:1.4px;text-transform:uppercase;color:var(--brb-text)}
.brb .brb__title{margin:0;font-family:"Epilogue",sans-serif;font-size:40px;font-weight:700;line-height:1.15;letter-spacing:normal;text-transform:none;color:var(--brb-text)}
.brb__hl{
	display:inline;padding:0 6px;
	background:linear-gradient(transparent 62%,var(--brb-hl) 62%,var(--brb-hl) 90%,transparent 90%) 0 0/100% 1.15em repeat-y;
	-webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.brb__text{max-width:680px;font-size:17px;line-height:1.55;color:var(--brb-text)}
.brb__text p{margin:0}
.brb__text p + p{margin-top:.8em}
.brb__btn{
	margin-top:6px;font-family:inherit;display:inline-flex;align-items:center;gap:8px;
	padding:16px 30px;border-radius:999px;
	background:var(--brb-btn);color:var(--brb-btn-text) !important;
	font-size:15px;font-weight:700;line-height:1.2;text-decoration:none !important;
	transition:background-color .2s ease,transform .2s ease;
}
.brb__btn:hover,.brb__btn:focus-visible{background:var(--brb-btn-hover);color:var(--brb-btn-text)}
.brb__btn:hover .brb__arrow{transform:translateX(3px)}
.brb__arrow{transition:transform .2s ease}

/* Icons: in the side gutters, never behind the text */
.brb__icon{position:absolute;z-index:0;top:50%;width:var(--brb-icon);height:var(--brb-icon);transform:translateY(-50%);pointer-events:none}
.brb__icon--l{left:var(--brb-gutter)}
.brb__icon--r{right:var(--brb-gutter)}

@media (max-width:1300px){
	.brb{--brb-icon:110px;--brb-gutter:20px}
	.brb--icons-s{--brb-icon:90px}
}
/* Narrower screens: icons move to opposite corners and the banner gets taller */
@media (max-width:1150px){
	.brb{--brb-icon:72px}
	.brb__icon{transform:none}
	.brb__icon--l{top:14px;left:14px}
	.brb__icon--r{top:auto;bottom:14px;right:14px}
	.brb--has-icons{padding-top:96px;padding-bottom:96px;padding-left:24px;padding-right:24px}
	/* Option: both icons along the top */
	.brb--icons-top .brb__icon--r{top:14px;bottom:auto}
	.brb--icons-top.brb--has-icons{padding-bottom:72px}
}
@media (max-width:767px){
	.brb{padding:56px 16px;--brb-icon:56px}
	.brb--card{border-radius:24px}
	.brb__icon--l{top:10px;left:10px}
	.brb__icon--r{bottom:10px;right:10px}
	.brb--has-icons{padding:80px 16px}
	.brb--icons-top .brb__icon--r{top:10px;bottom:auto}
	.brb--icons-top.brb--has-icons{padding-bottom:56px}
	.brb--no-mobile-icons .brb__icon{display:none}
	.brb--no-mobile-icons.brb--has-icons{padding:56px 16px}
	.brb .brb__title{font-size:28px}
	.brb__text{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.brb__btn,.brb__arrow{transition:none}.brb__btn:hover .brb__arrow{transform:none}}