/* The commission: proof above, shared practice below. */
html.jbn-live .home-offer{position:relative;isolation:isolate;background:#1d252c;color:#f2f0e9;padding:48px 42px 22px;margin-top:42px;margin-bottom:38px;overflow:hidden}html.jbn-live .home-offer:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 70%,#5e437429,transparent 55%),radial-gradient(ellipse at 90% 70%,#467f7620,transparent 55%);pointer-events:none}html.jbn-live .home-offer-header{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;padding-bottom:36px}html.jbn-live .home-offer-header .eyebrow{font-size:9px;color:#c7cad1}html.jbn-live .home-offer-header h2{font-size:clamp(32px,3.2vw,46px);line-height:1.1;margin-top:19px;letter-spacing:-.04em}html.jbn-live .home-offer-header>p{font-size:14px;line-height:1.75;max-width:395px;padding-bottom:2px}html.jbn-live .home-offer-header>p span{display:block;margin-top:12px;color:#bcc1c5}html.jbn-live .offer-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;border-block:1px solid #e6ecf02b}html.jbn-live .offer-spread:before{content:'';position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,#bd9ce2,#89c0c6,#d5bb86,#d7a1b5);opacity:.65}html.jbn-live .offer-route{display:flex;flex-direction:column;position:relative;padding:24px 27px 20px;min-width:0;--offer-colour:#c5aedc;transition:background .3s}html.jbn-live .offer-route:first-child{padding-left:27px}html.jbn-live .offer-route:last-child{padding-right:27px}html.jbn-live .offer-route+.offer-route{border-left:1px solid #e6ecf020}html.jbn-live .offer-route-meta{font:8px/1.5 monospace;letter-spacing:1px;text-transform:uppercase;color:var(--offer-colour)}html.jbn-live .offer-diagram{height:142px;display:flex;align-items:center;color:var(--offer-colour)}html.jbn-live .offer-diagram svg{width:100%;max-height:155px;overflow:visible}html.jbn-live .offer-diagram path,html.jbn-live .offer-diagram rect,html.jbn-live .offer-diagram circle,html.jbn-live .offer-diagram ellipse{vector-effect:non-scaling-stroke}html.jbn-live .offer-make{--offer-colour:#9dc9ca}html.jbn-live .offer-extend{--offer-colour:#dfc294}html.jbn-live .offer-sources,html.jbn-live .offer-frame,html.jbn-live .offer-formats{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.22,.61,.36,1)}html.jbn-live .offer-route:hover .offer-sources,html.jbn-live .offer-route:focus-visible .offer-sources{transform:scale(.91)}html.jbn-live .offer-route:hover .offer-frame,html.jbn-live .offer-route:focus-visible .offer-frame{transform:scale(1.045)}html.jbn-live .offer-route:hover .offer-formats,html.jbn-live .offer-route:focus-visible .offer-formats{transform:translateX(5px)}html.jbn-live .offer-route h3{font-size:clamp(25px,2.2vw,33px);line-height:1.15;letter-spacing:-.03em;margin-bottom:16px}html.jbn-live .offer-route>p{font-size:13px;line-height:1.8;color:#cbd0d1;margin-bottom:24px;max-width:310px}html.jbn-live .offer-route-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;padding-top:17px;border-top:1px solid #e6ecf027;margin-top:auto;min-height:44px}html.jbn-live .offer-route-foot>span{font-size:18px;color:var(--offer-colour);transition:transform .3s}html.jbn-live .offer-route:hover .offer-route-foot>span{transform:translate(3px,-3px)}html.jbn-live .offer-route:focus-visible{outline-color:var(--offer-colour);outline-offset:-6px}html.jbn-live .home-offer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:17px}html.jbn-live .home-offer-bottom p{font:9px/1.7 monospace;color:#b6bfc4}html.jbn-live .home-offer-bottom .text-link{font-size:11px;margin:0;border:0;gap:22px}
@media(max-width:760px){html.jbn-live .home-offer{padding:30px 24px 18px;margin-top:18px;margin-bottom:26px}html.jbn-live .home-offer-header{grid-template-columns:1fr;gap:22px;padding-bottom:26px}html.jbn-live .home-offer-header h2{font-size:34px;margin-top:18px}html.jbn-live .home-offer-header>p{font-size:13px}html.jbn-live .offer-spread{grid-template-columns:1fr}html.jbn-live .offer-route,html.jbn-live .offer-route:first-child,html.jbn-live .offer-route:last-child{padding:25px 0 21px;display:grid;grid-template-columns:1fr 92px;column-gap:12px}html.jbn-live .offer-route+.offer-route{border-left:0;border-top:1px solid #e6ecf027}html.jbn-live .offer-route-meta{grid-column:1;grid-row:1;align-self:end}html.jbn-live .offer-diagram{grid-column:2;grid-row:1/3;height:90px;margin-right:-5px}html.jbn-live .offer-diagram svg{width:100%;height:90px}html.jbn-live .offer-route h3{grid-column:1;grid-row:2;font-size:27px;align-self:center;margin:12px 0 15px}html.jbn-live .offer-route>p{grid-column:1/3;font-size:13px;max-width:400px;margin:0 0 13px}html.jbn-live .offer-route-foot{grid-column:1/3;font-size:10px;padding-top:12px}html.jbn-live .home-offer-bottom{align-items:flex-start;gap:10px}html.jbn-live .home-offer-bottom p{font-size:8px;max-width:150px;padding-top:11px}html.jbn-live .home-offer-bottom .text-link{white-space:nowrap;font-size:10px;gap:13px}}
@media(prefers-reduced-motion:reduce){html.jbn-live .offer-route *{transition:none!important}}

/* Three stages of the same story; background colour also responds to keyboard focus. */
html.jbn-live .offer-route:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 27%,var(--offer-colour),transparent 90%);opacity:0;transition:opacity .45s;pointer-events:none;z-index:-1}html.jbn-live .offer-route{isolation:isolate}html.jbn-live .offer-route:is(:hover,:focus-visible):before{opacity:.13}html.jbn-live .offer-route:is(:hover,:focus-visible){background:#ffffff03}html.jbn-live .offer-route:hover .offer-route-meta,html.jbn-live .offer-route:focus-visible .offer-route-meta{color:#fff}html.jbn-live .offer-diagram svg{opacity:var(--diagram-opacity,1);transform:translateY(var(--diagram-y,0px));transition:none}html.jbn-live .offer-diagram svg [data-ink]{stroke-dasharray:1;stroke-dashoffset:var(--ink-hidden,0);opacity:var(--ink-opacity,1)}
@media(prefers-reduced-motion:reduce){html.jbn-live .offer-diagram svg{opacity:1!important;transform:none!important}html.jbn-live .offer-diagram svg [data-ink]{stroke-dashoffset:0!important;opacity:1!important}html.jbn-live .offer-route:before{transition:none}}