https://nb1.com/_next/static/chunks/1625.6e2586dd2b6a72cf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1625],{71625:(a,e,t)=>{t.r(e),t.d(e,{OutcomesComponent:()=>f});var s=t(95155),r=t(11518),o=t.n(r),c=t(12115),i=t(95864),n=t(91065);let f=a=>{let{heading:e,subheading:t,gaugeScore:r,gaugeMax:f,gaugeLabel:l,deltaLabel:x,deltaFrom:b,builtInText:p,feltText:d,cards:j,footnote:g}=a,h=(0,c.useRef)(null),m=(0,c.useRef)(null),[u,w]=(0,c.useState)(!1),[k,v]=(0,c.useState)(new Set),[y,N]=(0,c.useState)(!1),[z,S]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=h.current;if(!a)return;let e=new IntersectionObserver(a=>{let[t]=a;t.isIntersecting&&(w(!0),e.disconnect())},{threshold:.1});return e.observe(a),()=>e.disconnect()},[]);let E=()=>{let a=m.current;if(!a)return;let e=a.scrollWidth-a.clientWidth;if(e<=48){N(!1),S(!1);return}N(a.scrollLeft>48),S(a.scrollLeft<e-48)};(0,c.useEffect)(()=>{let a=m.current;if(a)return a.scrollLeft=0,E(),a.addEventListener("scroll",E,{passive:!0}),window.addEventListener("resize",E),()=>{a.removeEventListener("scroll",E),window.removeEventListener("resize",E)}},[j]);let L=a=>{let e=m.current;if(!e)return;let t=e.querySelector(".rto-card");t&&e.scrollBy({left:a*(t.offsetWidth+20),behavior:"smooth"})},M=a=>{v(e=>{let t=new Set(e);return t.has(a)?t.delete(a):t.add(a),t})};(0,c.useEffect)(()=>{let a=a=>{var e,t;null!=(t=a.target)&&null!=(e=t.closest)&&e.call(t,".rto-card")||v(new Set)};return document.addEventListener("click",a),()=>document.removeEventListener("click",a)},[]);let B=Math.min(Math.max(parseFloat(r||"0")/parseFloat(f||"100"),0),1),A=a=>{let e=Math.PI-a*Math.PI;return{x:170+140*Math.cos(e),y:170-140*Math.sin(e)}},C=A(.55),F=A(B);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o(),{id:"5b16f811c1aaef67",children:'.rto-sec.jsx-5b16f811c1aaef67{background:#faf8f2;padding:104px 0;font-family:"Hanken Grotesk","Inter",-apple-system,sans-serif;color:#11293b}@media(max-width:760px){.rto-sec.jsx-5b16f811c1aaef67{padding:72px 0}}.rto-wrap.jsx-5b16f811c1aaef67{max-width:1200px;margin:0 auto}.rto-pad.jsx-5b16f811c1aaef67{padding:0 48px}@media(max-width:640px){.rto-pad.jsx-5b16f811c1aaef67{padding:0 24px}}.rto-head.jsx-5b16f811c1aaef67{text-align:center;max-width:680px;margin:0 auto}.rto-head.jsx-5b16f811c1aaef67 h2{font-family:"Instrument Sans","Inter",sans-serif;font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.025em;color:#11293b;margin:0}.rto-head.jsx-5b16f811c1aaef67 h2 em{font-style:normal;color:#0a8fb0}.rto-sub.jsx-5b16f811c1aaef67{margin:18px auto 0;font-size:16.5px;font-weight:300;line-height:1.55;color:#6c7d88;max-width:540px}.rto-gauge.jsx-5b16f811c1aaef67{position:relative;width:360px;max-width:100%;margin:34px auto 0}.rto-gauge.jsx-5b16f811c1aaef67 svg.jsx-5b16f811c1aaef67{width:100%;height:auto;display:block;overflow:visible}.rto-gauge.jsx-5b16f811c1aaef67 .track.jsx-5b16f811c1aaef67{fill:none;stroke:#c9d2d4;stroke-width:22;stroke-linecap:round}.rto-gauge.jsx-5b16f811c1aaef67 .val.jsx-5b16f811c1aaef67{fill:none;stroke:#0a8fb0;stroke-width:22;stroke-linecap:round}.rto-gauge-center.jsx-5b16f811c1aaef67{position:absolute;left:0;right:0;bottom:8px;text-align:center}.rto-gscore.jsx-5b16f811c1aaef67{font-size:62px;font-weight:700;letter-spacing:-.03em;line-height:1;color:#11293b}.rto-gscore.jsx-5b16f811c1aaef67 .gu.jsx-5b16f811c1aaef67{font-size:26px;font-weight:600;color:#9aa7ad;letter-spacing:0}.rto-glabel.jsx-5b16f811c1aaef67{margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#9aa7ad}.rto-delta.jsx-5b16f811c1aaef67{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.rto-chip.jsx-5b16f811c1aaef67{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:15px;font-weight:600;color:#3f9a82;background:rgba(63,154,130,.1);border:1px solid rgba(63,154,130,.34);border-radius:10px;padding:7px 14px}.rto-from.jsx-5b16f811c1aaef67{font-size:14px;font-weight:400;color:#6c7d88}.rto-builtin.jsx-5b16f811c1aaef67{text-align:center;margin:18px auto 0;font-size:12.5px;font-weight:500;letter-spacing:.02em;color:#9aa7ad}.rto-builtin.jsx-5b16f811c1aaef67 strong{color:#11293b;font-weight:600}.rto-builtin.jsx-5b16f811c1aaef67 p{margin:0}.rto-felt.jsx-5b16f811c1aaef67{text-align:center;max-width:600px;margin:50px auto 0;font-size:14px;font-weight:400;line-height:1.5;color:#6c7d88}.rto-felt.jsx-5b16f811c1aaef67 strong{color:#11293b;font-weight:600}.rto-felt.jsx-5b16f811c1aaef67 p{margin:0}.rto-carousel.jsx-5b16f811c1aaef67{position:relative;margin-top:30px}.rto-row.jsx-5b16f811c1aaef67{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 48px 26px;scrollbar-width:none}.rto-row.jsx-5b16f811c1aaef67::-webkit-scrollbar{display:none}

1@media(max-width:900px){.rto-row.jsx-5b16f811c1aaef67{padding:6px 24px 24px}}@media(max-width:640px){.rto-row.jsx-5b16f811c1aaef67{padding:6px 24px 24px}}.rto-card.jsx-5b16f811c1aaef67{position:relative;flex:0 0 calc((100% - 30px)/2.5);scroll-snap-align:start;aspect-ratio:4/5;border-radius:18px;background:#142028;box-shadow:0 20px 44px -28px rgba(17,41,59,.42);cursor:pointer;overflow:hidden}@media(max-width:900px){.rto-card.jsx-5b16f811c1aaef67{flex-basis:calc((100% - 20px)/2 - 14px)}}@media(max-width:640px){.rto-card.jsx-5b16f811c1aaef67{flex-basis:80vw}}.rto-inner.jsx-5b16f811c1aaef67{position:absolute;inset:0}.rto-face.jsx-5b16f811c1aaef67{position:absolute;inset:0;border-radius:18px;overflow:hidden;transition:opacity.4s ease}@media(prefers-reduced-motion:reduce){.rto-face.jsx-5b16f811c1aaef67{transition:none}}.rto-front.jsx-5b16f811c1aaef67{z-index:2;opacity:1}.rto-back.jsx-5b16f811c1aaef67{z-index:1;opacity:0;pointer-events:none}.rto-card.flipped.jsx-5b16f811c1aaef67 .rto-front.jsx-5b16f811c1aaef67{opacity:0;pointer-events:none}.rto-card.flipped.jsx-5b16f811c1aaef67 .rto-back.jsx-5b16f811c1aaef67{opacity:1;pointer-events:auto;z-index:4}.cphoto.jsx-5b16f811c1aaef67{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.rto-scrim-bot.jsx-5b16f811c1aaef67{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(8,16,22,.85)0%,rgba(8,16,22,0)46%)}.rto-scrim-top.jsx-5b16f811c1aaef67{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(8,16,22,.35)0%,rgba(8,16,22,0)25%)}.rto-ctop.jsx-5b16f811c1aaef67{position:absolute;top:16px;left:18px;z-index:3;pointer-events:none}.rto-cat.jsx-5b16f811c1aaef67{font-family:"JetBrains Mono",monospace;font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}.rto-cat.back.jsx-5b16f811c1aaef67{text-shadow:none;color:rgba(255,255,255,.62)}.rto-flip.jsx-5b16f811c1aaef67{position:absolute;top:12px;right:12px;z-index:6;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(12,24,34,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background.2s ease,transform.45s cubic-bezier(.4,.05,.2,1)}.rto-flip.jsx-5b16f811c1aaef67:hover{background:rgba(12,24,34,.78)}.rto-card.flipped.jsx-5b16f811c1aaef67 .rto-flip.jsx-5b16f811c1aaef67{transform:rotate(135deg)}.rto-flip.jsx-5b16f811c1aaef67 .ic.jsx-5b16f811c1aaef67{display:block;font-size:21px;font-weight:300;line-height:1;transform:translatey(-1px)}@media(prefers-reduced-motion:reduce){.rto-flip.jsx-5b16f811c1aaef67{transition:background.2s ease}}.rto-glass.jsx-5b16f811c1aaef67{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;background:rgba(12,24,34,.42);backdrop-filter:blur(16px)saturate(1.2);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px 15px}.rto-grow.jsx-5b16f811c1aaef67{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.rto-t.jsx-5b16f811c1aaef67{color:#fff;font-size:16.5px;font-weight:600;letter-spacing:-.01em;line-height:1.12}.rto-chip2.jsx-5b16f811c1aaef67{font-size:10.5px;font-weight:600;color:#0e2433;background:#7fe0c4;border-radius:6px;padding:3px 7px;white-space:nowrap;flex:none}.rto-nums.jsx-5b16f811c1aaef67{display:flex;align-items:baseline;gap:6px;font-family:"JetBrains Mono",monospace;white-space:nowrap}.rto-nums.jsx-5b16f811c1aaef67 .b.jsx-5b16f811c1aaef67{font-size:13px;font-weight:500;color:rgba(255,255,255,.5)}.rto-nums.jsx-5b16f811c1aaef67 .ar.jsx-5b16f811c1aaef67{font-size:11px;color:rgba(255,255,255,.4)}.rto-nums.jsx-5b16f811c1aaef67 .n.jsx-5b16f811c1aaef67{font-size:22px;font-weight:600;color:#fff}.rto-nums.jsx-5b16f811c1aaef67 .u.jsx-5b16f811c1aaef67{font-size:10px;color:rgba(255,255,255,.45)}.rto-trk.jsx-5b16f811c1aaef67{position:relative;height:4px;border-radius:3px;background:rgba(255,255,255,.18);margin-top:12px}.rto-trk.jsx-5b16f811c1aaef67 .seg.jsx-5b16f811c1aaef67{position:absolute;top:0;height:4px;border-radius:3px;background:#13a6cc;opacity:.92}.rto-trk.jsx-5b16f811c1aaef67 .dot.jsx-5b16f811c1aaef67{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%)}.rto-trk.jsx-5b16f811c1aaef67 .dot.b.jsx-5b16f811c1aaef67{background:rgba(255,255,255,.55);width:7px;height:7px}.rto-trk.jsx-5b16f811c1aaef67 .dot.n.jsx-5b16f811c1aaef67{background:#fff;box-shadow:0 0 0 2px#13a6cc}.rto-gfoot.jsx-5b16f811c1aaef67{margin-top:9px;font-size:10px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.5)}.rto-back-face.jsx-5b16f811c1aaef67{background:linear-gradient(158deg,#16323f 0%,#0c1820 78%);display:flex;flex-direction:column;padding:22px;

1cursor:pointer;position:absolute;inset:0;border-radius:18px}.rto-back-body-wrap.jsx-5b16f811c1aaef67{margin:auto 0}.rto-back-eyebrow.jsx-5b16f811c1aaef67{font-family:"JetBrains Mono",monospace;font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#13a6cc;margin-bottom:12px}.rto-back-body.jsx-5b16f811c1aaef67{margin:0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.55;font-weight:300}.rto-arrow.jsx-5b16f811c1aaef67{position:absolute;top:42%;z-index:8;width:42px;height:42px;border-radius:50%;border:1px solid#e9ebec;background:#fff;color:#11293b;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px -10px rgba(17,41,59,.3)}.rto-arrow.prev.jsx-5b16f811c1aaef67{left:10px}.rto-arrow.next.jsx-5b16f811c1aaef67{right:10px}@media(max-width:640px){.rto-arrow.jsx-5b16f811c1aaef67{display:none}}.rto-foot.jsx-5b16f811c1aaef67{text-align:center;margin-top:24px}.rto-note.jsx-5b16f811c1aaef67{font-size:13px;font-weight:300;color:#9aa7ad;max-width:560px;margin:0 auto;line-height:1.5}.r-up.jsx-5b16f811c1aaef67{opacity:0;transform:translatey(20px);transition:opacity.7s cubic-bezier(.4,0,.2,1),transform.7s cubic-bezier(.4,0,.2,1)}.r-up.in.jsx-5b16f811c1aaef67{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.r-up.jsx-5b16f811c1aaef67{opacity:1;transform:none;transition:none}}'}),(0,s.jsx)("section",{ref:h,"data-screen-label":"Outcomes",className:"jsx-5b16f811c1aaef67 rto-sec",children:(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-wrap",children:[(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 "+"rto-head rto-pad r-up".concat(u?" in":""),children:[e&&(0,s.jsx)(i.A,{data:e,enableGutter:!1,enableProse:!1}),t&&(0,s.jsx)("p",{className:"jsx-5b16f811c1aaef67 rto-sub",children:t})]}),(0,s.jsxs)("div",{style:{transitionDelay:"0.08s"},className:"jsx-5b16f811c1aaef67 "+"rto-gauge r-up".concat(u?" in":""),children:[(0,s.jsxs)("svg",{viewBox:"0 0 340 196",role:"img","aria-label":"Score ".concat(r," out of ").concat(f),className:"jsx-5b16f811c1aaef67",children:[(0,s.jsx)("path",{d:"M30,170 A140,140 0 0 1 310,170",className:"jsx-5b16f811c1aaef67 track"}),(0,s.jsx)("path",{d:"M".concat(C.x.toFixed(1),",").concat(C.y.toFixed(1)," A140,140 0 0 1 ").concat(F.x.toFixed(1),",").concat(F.y.toFixed(1)),className:"jsx-5b16f811c1aaef67 val"})]}),(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-gauge-center",children:[(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-gscore",children:[r,(0,s.jsxs)("span",{className:"jsx-5b16f811c1aaef67 gu",children:["/",f]})]}),l&&(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-glabel",children:l})]})]}),(x||b)&&(0,s.jsxs)("div",{style:{transitionDelay:"0.12s"},className:"jsx-5b16f811c1aaef67 "+"rto-delta r-up".concat(u?" in":""),children:[x&&(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 rto-chip",children:x}),b&&(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 rto-from",children:b})]}),p&&(0,s.jsx)("div",{style:{transitionDelay:"0.16s"},className:"jsx-5b16f811c1aaef67 "+"rto-builtin rto-pad r-up".concat(u?" in":""),children:(0,s.jsx)(i.A,{data:p,enableGutter:!1,enableProse:!1})}),d&&(0,s.jsx)("div",{style:{transitionDelay:"0.2s"},className:"jsx-5b16f811c1aaef67 "+"rto-felt rto-pad r-up".concat(u?" in":""),children:(0,s.jsx)(i.A,{data:d,enableGutter:!1,enableProse:!1})}),j&&j.length>0&&(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-carousel",children:[y&&(0,s.jsx)("button",{"aria-label":"Previous",onClick:()=>L(-1),className:"jsx-5b16f811c1aaef67 rto-arrow prev",children:"‹"}),z&&(0,s.jsx)("button",{"aria-label":"Next",onClick:()=>L(1),className:"jsx-5b16f811c1aaef67 rto-arrow next",children:"›"}),(0,s.jsx)("div",{ref:m,className:"jsx-5b16f811c1aaef67 rto-row",children:j.map((a,e)=>{var t,r,o,c,i;let f=(null==(t=a.image)?void 0:t.url)?(0,n.e)(a.image.url):null,l=k.has(e);return(0,s.jsxs)("article",{onClick:()=>M(e),className:"jsx-5b16f811c1aaef67 "+"rto-card".concat(l?" flipped":""),children:[(0,s.jsx)("button",{type:"button","aria-label":a.flipAriaLabel||"See what's behind the ".concat(a.category," number"),"aria-expanded":l?"true":"false",onClick:a=>{a.stopPropagation(),M(e)},className:"jsx-5b16f811c1aaef67 rto-flip",children:(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 ic",children:"+"})}),(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-inner",children:[(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-face rto-front",children:[f?(0,s.jsx)("img",{src:f,alt:a.category||"",width:null!=(c=null==(r=a.image)?void 0:r.width)?c:void 0,height:null!=(i=null==(o=a.image)?void 0:o.height)?i:void 0,loading:"lazy",decoding:"async",className:"jsx-5b16f811c1aaef67 cphoto"}):(0,s.jsx)("div",{style:{position:"absolute",inset:0,background:"#1a3040"},className:"jsx-5b16f811c1aaef67"}),(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-scrim-top"}),(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-scrim-bot"}),(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-ctop",children:(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 rto-cat",children:a.category})}),(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-glass",children:[(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-grow",children:[(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 rto-t",children:a.frontTitle}),a.deltaChip&&(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 rto-chip2",children:a.deltaChip})]}),(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-nums",children:[(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 b",children:a.valueBefore}),(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 ar",children:"→"}),(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 n",children:a.valueAfter}),a.valueUnit&&(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 u",children:a.valueUnit})]}),(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-trk",children:[a.trackSegLeft&&a.trackSegRight&&(0,s.jsx)("span",{style:{left:a.trackSegLeft,right:a.trackSegRight},className:"jsx-5b16f811c1aaef67 seg"}),a.trackDotBefore&&(0,s.jsx)("span",{style:{left:a.trackDotBefore},className:"jsx-5b16f811c1aaef67 dot b"}),a.trackDotAfter&&(0,s.jsx)("span",{style:{left:a.trackDotAfter},className:"jsx-5b16f811c1aaef67 dot n"})]}),a.trackFootnote&&(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-gfoot",children:a.trackFootnote})]})]}),(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-face rto-back",children:(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-back-face",children:[(0,s.jsx)("span",{className:"jsx-5b16f811c1aaef67 rto-cat back",children:a.category}),(0,s.jsxs)("div",{className:"jsx-5b16f811c1aaef67 rto-back-body-wrap",children:[a.backEyebrow&&(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-back-eyebrow",children:a.backEyebrow}),a.backBody&&(0,s.jsx)("p",{className:"jsx-5b16f811c1aaef67 rto-back-body",children:a.backBody})]})]})})]})]},e)})})]}),g&&(0,s.jsx)("div",{className:"jsx-5b16f811c1aaef67 rto-foot rto-pad",children:(0,s.jsx)("p",{className:"jsx-5b16f811c1aaef67 rto-note",children:g})})]})})]})}}}]);