:root{--csf-hi-font:'Helvetica Now','Helvetica Neue',Arial,Helvetica,sans-serif}
.breakdance .bde-section:has(.csf-hi),.breakdance .bde-section:has(.csf-hi)>.section-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#071D46!important}
.csf-hi,.csf-hi *,.csf-hi *:before,.csf-hi *:after{box-sizing:border-box}
.csf-hi{position:relative;left:50%;width:100vw;max-width:none;margin-left:-50vw;padding:96px 0 110px;background:#071D46;color:#fff;font-family:var(--csf-hi-font);overflow:hidden}
.csf-hi__inner{width:min(100%,1900px);margin:0 auto;padding:0 24px}
.csf-hi__heading{font-family:var(--csf-hi-font)!important;font-size:10px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#fff!important;margin:0 0 28px!important;text-align:left!important}
.csf-hi__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:40px;align-items:start}
.csf-hi__item{position:relative;min-width:0;display:flex;flex-direction:column;margin:0;padding:0;background:transparent;isolation:isolate}
.csf-hi__item:before{content:"";position:absolute;inset:-14px -5px -18px;z-index:-1;background:#fff;opacity:0;transition:opacity .22s ease;pointer-events:none}
.csf-hi__image-link{display:block;width:100%;height:clamp(470px,68vh,760px);overflow:hidden;margin:0 0 10px;text-decoration:none;background:#071D46}
.csf-hi__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;transition:opacity .22s ease}
.csf-hi__label{font-family:var(--csf-hi-font);font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.58);margin:0 0 10px}
.csf-hi__title{font-family:var(--csf-hi-font)!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.015em!important;margin:0 0 14px!important;color:#fff!important}
.csf-hi__title a{color:#fff!important;text-decoration:none!important}
.csf-hi__desc{font-family:var(--csf-hi-font)!important;font-size:15px!important;font-weight:400!important;line-height:1.68!important;letter-spacing:-.003em!important;color:rgba(255,255,255,.78)!important;margin:0!important;padding:0!important}
@media(hover:hover) and (pointer:fine){.csf-hi__item:hover:before{opacity:1}.csf-hi__item:hover .csf-hi__label{color:rgba(7,29,70,.58)}.csf-hi__item:hover .csf-hi__title,.csf-hi__item:hover .csf-hi__title a{color:#071D46!important}.csf-hi__item:hover .csf-hi__desc{color:rgba(7,29,70,.82)!important}.csf-hi__item:hover .csf-hi__image{opacity:.97}}
@media(min-width:1700px){.csf-hi__title{font-size:18px!important}.csf-hi__desc{font-size:16px!important;line-height:1.65!important}}
@media(max-width:1100px){.csf-hi{padding:78px 0 88px}.csf-hi__inner{width:min(100%,940px);padding:0 30px}.csf-hi__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.csf-hi__image-link{height:clamp(430px,60vw,660px)}.csf-hi__title{font-size:16px!important}.csf-hi__desc{font-size:14px!important}}
@media(max-width:650px){.csf-hi{padding:64px 0 72px}.csf-hi__inner{width:min(100%,430px);padding:0 28px}.csf-hi__heading{font-size:9px!important;margin-bottom:40px!important}.csf-hi__grid{display:block}.csf-hi__item{margin-bottom:32px}.csf-hi__item:last-child{margin-bottom:0}.csf-hi__image-link{height:min(68vh,630px);margin-bottom:20px}.csf-hi__title{font-size:16px!important;margin-bottom:12px!important}.csf-hi__desc{font-size:15px!important;line-height:1.65!important}}
@media(hover:none){.csf-hi__item:before{display:none}}

/* Builder-safe scoped overrides: avoid inherited Breakdance link, grid and image rules. */
.csf-hi{display:block!important;width:100vw!important;max-width:none!important;margin-left:-50vw!important;background:#071D46!important;color:#fff!important;font-family:var(--csf-hi-font)!important}
.csf-hi .csf-hi__inner{width:min(100%,1900px)!important;max-width:none!important;margin:0 auto!important;padding:0 24px!important}
.csf-hi .csf-hi__grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:12px!important;row-gap:0!important;align-items:stretch!important;width:100%!important}
.csf-hi .csf-hi__item{position:relative!important;isolation:isolate!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.csf-hi .csf-hi__item::before{content:""!important;display:block!important;position:absolute!important;inset:-14px -5px -18px!important;z-index:-1!important;background:#fff!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important}
.csf-hi .csf-hi__image-link{display:block!important;width:100%!important;height:clamp(470px,68vh,760px)!important;flex:none!important;min-height:0!important;overflow:hidden!important;margin:0 0 10px!important;padding:0!important;background:#071D46!important}
.csf-hi .csf-hi__image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-width:none!important}
.csf-hi .csf-hi__label{color:rgba(255,255,255,.58)!important;font-size:9px!important;line-height:1.2!important;margin:0 0 10px!important}
.csf-hi .csf-hi__title,.csf-hi .csf-hi__title a{font-family:var(--csf-hi-font)!important;color:#fff!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;text-decoration:none!important}
.csf-hi .csf-hi__desc{font-family:var(--csf-hi-font)!important;color:rgba(255,255,255,.78)!important;font-size:15px!important;line-height:1.68!important;font-weight:400!important;margin:0!important}
@media(hover:hover) and (pointer:fine){
 .csf-hi .csf-hi__item:hover::before{opacity:1!important}
 .csf-hi .csf-hi__item:hover .csf-hi__label{color:rgba(7,29,70,.58)!important}
 .csf-hi .csf-hi__item:hover .csf-hi__title,.csf-hi .csf-hi__item:hover .csf-hi__title a{color:#071D46!important}
 .csf-hi .csf-hi__item:hover .csf-hi__desc{color:rgba(7,29,70,.82)!important}
}
@media(min-width:1700px){.csf-hi .csf-hi__title,.csf-hi .csf-hi__title a{font-size:18px!important}.csf-hi .csf-hi__desc{font-size:16px!important}}
@media(max-width:1100px){
 .csf-hi .csf-hi__inner{width:min(100%,940px)!important;padding:0 30px!important}
 .csf-hi .csf-hi__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px 24px!important}
 .csf-hi .csf-hi__image-link{height:clamp(430px,60vw,660px)!important}
 .csf-hi .csf-hi__title,.csf-hi .csf-hi__title a{font-size:16px!important}
 .csf-hi .csf-hi__desc{font-size:14px!important}
}
@media(max-width:650px){
 .csf-hi .csf-hi__inner{width:min(100%,430px)!important;padding:0 28px!important}
 .csf-hi .csf-hi__grid{display:block!important}
 .csf-hi .csf-hi__item{height:auto!important;margin-bottom:32px!important}
 .csf-hi .csf-hi__item:last-child{margin-bottom:0!important}
 .csf-hi .csf-hi__image-link{height:min(68vh,630px)!important;margin-bottom:20px!important}
 .csf-hi .csf-hi__desc{font-size:15px!important}
}
@media(hover:none){.csf-hi .csf-hi__item::before{display:none!important}}

/* Video sits above the image only once playback has started.
   The image is the persistent poster/fallback for errors or blocked autoplay. */
.csf-hi .csf-hi__image-link{position:relative!important}
.csf-hi .csf-hi__image-link>.csf-hi__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;object-fit:cover!important}
.csf-hi .csf-hi__video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;display:block!important;object-fit:cover!important;object-position:center!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .15s ease!important}
.csf-hi .csf-hi__video.csf-hi__video--playing{opacity:1!important;visibility:visible!important}
@media(prefers-reduced-motion:reduce){.csf-hi .csf-hi__video{display:none!important}}

/* v1.4: centered heading with additional editorial breathing room. */
.csf-hi .csf-hi__heading{text-align:center!important;margin-bottom:60px!important}
@media(max-width:650px){.csf-hi .csf-hi__heading{margin-bottom:48px!important}}
/* Video control copied from the Deep Dives hero's dimensions, colors and icon construction. */
.csf-hi .csf-hi__media-wrap{position:relative!important;width:100%!important;min-width:0!important;flex:none!important;margin:0 0 10px!important}
.csf-hi .csf-hi__media-wrap .csf-hi__image-link{margin:0!important}
.csf-hi .csf-hi__video-toggle{position:absolute!important;right:14px!important;bottom:14px!important;z-index:6!important;display:block!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(7,29,70,.75)!important;box-shadow:none!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important}
.csf-hi .csf-hi__video-toggle span{position:absolute!important;left:13px!important;top:12px!important;width:10px!important;height:12px!important;border-left:3px solid #fff!important;border-right:3px solid #fff!important;box-sizing:border-box!important}
.csf-hi .csf-hi__video-toggle.is-paused span{left:14px!important;top:11px!important;width:0!important;height:0!important;border-style:solid!important;border-width:7px 0 7px 11px!important;border-color:transparent transparent transparent #fff!important}
.csf-hi .csf-hi__video-toggle:focus-visible{outline:2px solid #1794DE!important;outline-offset:3px!important}
@media(max-width:650px){.csf-hi .csf-hi__media-wrap{margin-bottom:20px!important}}

/* Related Content progressive reveal from Deep Dives 2.7.1.
   The source uses a .7s ease-in-out opacity and -30px translation. */
.bd-live .csf-hi [data-rv]{
  opacity:0!important;
  transform:translateY(-30px)!important;
  transition:opacity .7s ease-in-out,transform .7s ease-in-out!important;
}
.bd-live .csf-hi [data-rv].rv-on{
  opacity:1!important;
  transform:translateY(0)!important;
}
@media(prefers-reduced-motion:reduce){
  .bd-live .csf-hi [data-rv]{opacity:1!important;transform:none!important;transition:none!important}
}