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)}
}

/* Why it matters, direction A, the foundation plate (Rene, 11 Oct 2026: "Let's use A"). Three campaign
   blocks stand on three foundation blocks; the button (found-plate.js) takes the foundations away and the
   campaigns fall. Core blocks only. Staging forces font-weight:300 !important on p and div, so every
   weight here carries !important. Never a margin shorthand on a child of the section: it overrides the
   constrained layout's auto centring. */
main section.b2b-found{padding:3.5rem 2rem 7.5rem!important;margin-top:0!important}
.b2b-found .b2b-found-cols{gap:4.5rem!important;margin-top:0!important;margin-bottom:0!important}
.b2b-found .b2b-found-text{flex-basis:46%!important}
.b2b-found .b2b-found-figure{flex-basis:54%!important}
.b2b-found .b2b-why-eyebrow{color:#EF8354;margin-top:0;margin-bottom:1.2rem;font-size:.85rem;font-weight:700!important;letter-spacing:.18em;text-transform:uppercase}
.b2b-found .b2b-why-h{color:#FFFFFF;margin-top:0;margin-bottom:0;font-size:clamp(2.1rem,3.6vw,3.4rem);font-weight:300;line-height:1.08}
.b2b-found .b2b-why-h strong{font-weight:800!important;color:#EF8354}
.b2b-found .b2b-found-lead{margin-top:1.6rem;margin-bottom:0;font-size:1.1rem;line-height:1.6;color:#FFFFFF;max-width:36rem}
.b2b-found .b2b-found-actions{margin-top:1.8rem;margin-bottom:0;display:none}
.b2b-found.is-ready .b2b-found-actions{display:flex}
.b2b-found .b2b-found-toggle .wp-block-button__link{background:transparent!important;border:1px solid #EF8354;color:#FFFFFF!important;border-radius:999px;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600!important;text-decoration:none;transition:background .2s,color .2s}
.b2b-found .b2b-found-toggle .wp-block-button__link:hover{background:#EF8354!important;color:#2D3142!important}
.b2b-found .b2b-found-toggle .wp-block-button__link:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
.b2b-found .b2b-found-cons{margin-top:1.1rem;margin-bottom:0;font-size:1.02rem;line-height:1.55;color:#BFC0C0;max-width:34rem}
.b2b-found .b2b-found-cons-off{display:none}
.b2b-found.is-broken .b2b-found-cons-on{display:none}
.b2b-found.is-broken .b2b-found-cons-off{display:block}
/* the plate: a thin frame, two small labels at the top, the two rows standing on its floor */
.b2b-found .b2b-found-plate{position:relative;height:340px;border:1px solid rgba(255,255,255,.18);padding:1.6rem;margin:0!important;max-width:none!important}
.b2b-found .b2b-found-fig,.b2b-found .b2b-found-mark{position:absolute;top:1.3rem;margin:0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#BFC0C0;font-weight:500!important}
.b2b-found .b2b-found-fig{left:1.6rem}
.b2b-found .b2b-found-mark{right:1.6rem}
.b2b-found .b2b-found-row{position:absolute;left:1.6rem;right:1.6rem;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:0!important;max-width:none!important}
.b2b-found .b2b-found-base{bottom:1.6rem}
.b2b-found .b2b-found-camp{bottom:calc(1.6rem + 96px + .9rem);z-index:2}
.b2b-found .b2b-found-blk{height:86px;border:1px solid #FFFFFF;background:#2D3142;display:flex!important;flex-direction:column;justify-content:flex-end;padding:.75rem .9rem;margin:0!important;transition:transform .9s cubic-bezier(.5,0,.3,1),border-color .5s}
.b2b-found .b2b-found-base .b2b-found-blk{height:96px;border:2px solid #EF8354}
.b2b-found .b2b-found-kind{margin:0 0 .2rem;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#BFC0C0;font-weight:500!important}
.b2b-found .b2b-found-name{margin:0;font-size:1.25rem;line-height:1.1;color:#FFFFFF;font-weight:300!important}
.b2b-found .b2b-found-base .b2b-found-kind{color:#EF8354}
.b2b-found .b2b-found-base .b2b-found-name{color:#EF8354;font-weight:800!important}
.b2b-found.is-broken .b2b-found-base .b2b-found-blk{border-style:dashed;border-color:rgba(239,131,84,.3);background:transparent}
.b2b-found.is-broken .b2b-found-base .b2b-found-kind,.b2b-found.is-broken .b2b-found-base .b2b-found-name{color:transparent}
.b2b-found.is-broken .b2b-found-camp .b2b-found-blk:nth-child(1){transform:translate(-10px,104px) rotate(-11deg)}
.b2b-found.is-broken .b2b-found-camp .b2b-found-blk:nth-child(2){transform:translate(6px,110px) rotate(7deg)}
.b2b-found.is-broken .b2b-found-camp .b2b-found-blk:nth-child(3){transform:translate(14px,100px) rotate(-5deg)}
@media (max-width:781px){
main section.b2b-found{padding:4.5rem 1.25rem 5rem!important}
.b2b-found .b2b-found-cols{gap:2.5rem!important}
.b2b-found .b2b-found-plate{height:290px;padding:1.1rem}
.b2b-found .b2b-found-row{left:1.1rem;right:1.1rem;gap:.6rem}
.b2b-found .b2b-found-base{bottom:1.1rem}
.b2b-found .b2b-found-camp{bottom:calc(1.1rem + 80px + .6rem)}
.b2b-found .b2b-found-blk{height:72px;padding:.55rem .6rem}
.b2b-found .b2b-found-base .b2b-found-blk{height:80px}
.b2b-found .b2b-found-name{font-size:1rem}
}
@media (prefers-reduced-motion:reduce){.b2b-found .b2b-found-blk{transition:none}}

/* The large orange mill engine (assets/scroll/millengine.html, drawn 12 Oct 2026, 3:1) under the client logo row (Rene, 11 Oct 2026: "another animated engine,
   large, orange. scroll animated"). The drawing is assets/scroll/rollertrain.html; it runs with the scroll. */
main section.b2b-bigengine{padding:0 2rem 2rem!important;margin-top:0!important}
.b2b-bigengine .b2be-scroll-fig{max-width:min(1180px,100%)!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:781px){main section.b2b-bigengine{padding:0 1.25rem 3rem!important}}