/* V112: align with header (6vw), stationary desktop photo, mobile photo above copy. */
main[data-bm-compact]>.onbPortraitHero{display:block!important;position:relative;isolation:isolate;clip-path:inset(0);overflow:hidden;margin:0;background:transparent!important;padding:clamp(24px,4vw,48px) 6vw!important;min-height:0!important;height:auto!important}
.onbPortraitCopy{position:relative;z-index:2;width:82%;max-width:100%;min-width:0;box-sizing:border-box;padding:0;grid-column:auto;grid-row:auto;text-shadow:0 1px 8px var(--bm-bg,#071323)}
.onbPortraitCopy h1{letter-spacing:normal!important;line-height:1.15!important;overflow-wrap:break-word}.onbPortraitCopy p{white-space:pre-line}.onbPortraitCopy iframe,.onbPortraitCopy video{max-width:100%}
.onbPortraitPhoto{position:fixed!important;z-index:1;right:0;left:auto;top:clamp(130px,16vh,180px);bottom:auto;width:44vw;height:calc(100vh - 180px);max-height:600px;margin:0;min-width:0;background:transparent;border:0;box-shadow:none;overflow:hidden;pointer-events:none;opacity:.78;transform:none!important;transition:none!important;animation:none!important}
.onbPortraitPhoto img{position:absolute;right:0;top:0;bottom:auto;display:block;width:100%;height:auto!important;max-height:100%!important;object-fit:contain;object-position:right bottom;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:none!important;animation:none!important;-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}
.onbPortrait-left .onbPortraitPhoto{left:0;right:auto}.onbPortrait-left .onbPortraitPhoto img{left:0;right:auto;object-position:left bottom}.onbPortrait-left .onbPortraitCopy{margin-left:auto}

/* Match note text to the hero/header text inset. */
main[data-bm-compact]>.onbHeroNote{width:88%;margin:12px 6vw 24px;padding:18px 0!important;border-left:0;border-radius:12px}
@media(min-width:801px){main[data-bm-compact]>.onbPortrait-left+.onbHeroNote{margin-left:21.84vw;width:72.16%}}
@media(max-width:800px){
 main[data-bm-compact]>.onbPortraitHero{display:block!important;clip-path:inset(0);padding:24px 6vw!important}
 .onbPortraitPhoto,.onbPortrait-left .onbPortraitPhoto{position:fixed!important;top:clamp(200px,32vh,300px);bottom:auto;left:auto;right:0;width:46vw;height:auto;max-height:none;opacity:.6}
 .onbPortrait-left .onbPortraitPhoto{left:0;right:auto}
 .onbPortraitPhoto img,.onbPortrait-left .onbPortraitPhoto img{position:static;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:auto!important;max-height:330px!important;object-position:center top}
 .onbPortraitCopy,.onbPortrait-left .onbPortraitCopy{width:100%;margin:0;padding:0;text-shadow:0 1px 6px var(--bm-bg,#071323),0 1px 12px var(--bm-bg,#071323)}
 .onbPortraitCopy h1{font-size:clamp(28px,7vw,38px)}.onbPortraitCopy p{font-size:16px;line-height:1.6}.onbPortraitCopy .cta{flex-wrap:wrap}.onbPortraitCopy .cta button{max-width:100%;font-size:14px;padding:12px}.onbPortraitCopy .pill{max-width:100%;box-sizing:border-box}
 main[data-bm-compact]>.onbHeroNote{width:88%;margin:10px 6vw 18px;padding:14px 0!important}
}

/* V115: restore the curved green frame while keeping note text aligned. */
main[data-bm-compact]>.onbHeroNote{width:calc(88% + 48px);margin:12px calc(6vw - 24px) 24px;padding:18px 20px!important;border:1px solid #22c55e!important;border-left-width:4px!important;border-right-width:4px!important;border-radius:16px!important}
@media(min-width:801px){main[data-bm-compact]>.onbPortrait-left+.onbHeroNote{margin-left:calc(21.84vw - 24px);width:calc(72.16% + 48px)}}
@media(max-width:800px){main[data-bm-compact]>.onbHeroNote{width:94%;margin:10px 3vw 18px;padding:14px calc(3vw - 4px)!important}}

main[data-bm-compact]>.onbHeroNote{font-size:var(--onb-note-size,20px)!important}