main{margin-top:0}
main section.bre-hero.bre-mh{position:relative;isolation:isolate;overflow:hidden;background-color:#2D3142}
/* the theme caps .bre-hero at the full width of the padded content box, so with the full-width negative
   margins the band stopped 100px short of the right edge; invisible while the hero was clear */
main .entry-content > section.bre-hero.bre-mh{width:auto!important;max-width:none!important}
.bre-mh::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3.4 0 0 0 -2.2'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)' fill='%23fff'/%3E%3C/svg%3E") 0 0/110px 110px;opacity:.28;pointer-events:none;z-index:0}
.bre-mh > *{position:relative;z-index:1}
.bre-mh .bre-mh-fig{margin:0 auto!important}
/* the proof band used to sit flush under a navy hero; with the hero now its own ground, its
   text would start on the section edge, so it gets clear space */
main section.bre-proof{padding-top:3.5rem!important}
@media (max-width:781px){.bre-mh .bre-mh-fig{max-width:420px}}

main section.bre-hero.bre-mh-b{background:repeating-linear-gradient(to right, rgba(226,230,240,.05) 0 1px, transparent 1px 24px),repeating-linear-gradient(to bottom, rgba(226,230,240,.05) 0 1px, transparent 1px 24px),linear-gradient(120deg,#2D3142 0%, #2D3142 27.6%, #514455 53.0%, #8A553F 78.3%, #C3623A 100%)!important}
.bre-mh-b .bre-mh-fig{max-width:500px}
/* Rene, 30 Sep 2026: on desktop the hero always fills the screen below the header, whatever the
   screen size, so nothing of the next section shows until people scroll. The header is 89px and
   not sticky; the script measures the real offset (the admin bar adds 32px when logged in). The
   machine grows with the screen height so a tall screen is not mostly empty ground. */
/* Rene, 30 Sep 2026: variant a's plate frame belongs on the closing contact form, which already
   sits on the gradient. Previewed on the home page only; the 27-page rollout goes into the theme
   once he approves. Clear space: the inner rule sits 46px in, the content 112px in (66px gap). */
main section.b2b-cta-grad{position:relative;isolation:isolate;padding-top:7rem!important;padding-bottom:7rem!important;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M0 11h22M11 0v22' stroke='%23EF8354' stroke-width='1'/%3E%3C/svg%3E") 21px 21px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M0 11h22M11 0v22' stroke='%23EF8354' stroke-width='1'/%3E%3C/svg%3E") right 21px top 21px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M0 11h22M11 0v22' stroke='%23EF8354' stroke-width='1'/%3E%3C/svg%3E") left 21px bottom 21px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M0 11h22M11 0v22' stroke='%23EF8354' stroke-width='1'/%3E%3C/svg%3E") right 21px bottom 21px no-repeat,
  repeating-linear-gradient(to right, rgba(226,230,240,.05) 0 1px, transparent 1px 24px),repeating-linear-gradient(to bottom, rgba(226,230,240,.05) 0 1px, transparent 1px 24px),linear-gradient(120deg,#2D3142 0%,#2D3142 24%,#514455 46%,#8a553f 68%,#c4623a 87%,#EF8354 100%)!important}
main section.b2b-cta-grad::before{content:"";position:absolute;inset:32px;border:1px solid rgba(150,159,182,.38);outline:1px solid rgba(58,65,87,.9);outline-offset:-14px;pointer-events:none;z-index:0}
main section.b2b-cta-grad > *{position:relative;z-index:1}
@media (max-width:781px){
main section.b2b-cta-grad{padding:4.5rem 2.5rem!important;background-position:1px 1px,right 1px top 1px,left 1px bottom 1px,right 1px bottom 1px,0 0,0 0,0 0!important}
main section.b2b-cta-grad::before{inset:12px;outline-offset:-8px}
}
@media (min-width:782px){
main section.bre-hero.bre-mh-b{min-height:calc(100vh - var(--b2be-top,89px));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.bre-mh-b .bre-mh-fig{max-width:clamp(420px,56vh,660px)}
}